> 웹 프론트엔드 > JS 튜토리얼 > Baidu 지도 API에서 지정된 오버레이를 지우는 방법

Baidu 지도 API에서 지정된 오버레이를 지우는 방법

小云云
풀어 주다: 2018-01-31 09:43:42
원래의
2109명이 탐색했습니다.

이 글은 Baidu Maps API를 기반으로 지정된 오버레이(Overlay)를 지우는 방법을 주로 공유하며 좋은 참고 가치가 있어 모든 분들께 도움이 되기를 바랍니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.

최근 Baidu Map API를 사용하여 프로젝트를 진행하면서 지도에 마커와 폴리라인을 동시에 표시해야 했는데, 클릭에 따라 폴리라인을 표시하거나 지워야 하는 문제가 발생했습니다. 다양한 검색 끝에 완벽한 해결책을 찾을 수 없었습니다. 방법은 제 생각을 통해 이 문제를 해결하는 방법을 찾아 모두와 공유하기 위해 게시했습니다. 이제 본론으로 들어가겠습니다.

오버레이를 지우는 방법에는 map.removeOverlay() 또는 map.clearOverlays() 두 가지가 있습니다. 한 번에 한 클래스의 폴리라인 오버레이를 제거하려고 하는데 두 방법 모두 작동하지 않습니다.

Baidu 데모(http://developer.baidu.com/map/jsdemo.htm#c1_17)에는 다음과 같은 RemoveOverlay()의 예가 있습니다.

function deletePoint(){
    var allOverlay = map.getOverlays();
    for (var i = 0; i < allOverlay.length -1; i++){
      if(allOverlay[i].getLabel().content == "我是id=1"){
        map.removeOverlay(allOverlay[i]);
        return false;
      }
    }
  }
로그인 후 복사

모든 오버레이를 순회하여 제거할 오버레이를 필터링합니다. 덮개 유형을 제거하려면 덮개를 추가할 때 제한을 설정할 수 있습니다.

1단계: 덮개를 추가할 때 제거할 필요가 없는 덮개에 대해 비활성화MassClear()를 설정합니다.

disableMassClear()
로그인 후 복사

none은 map.clearOverlays 메소드에서 오버레이가 지워지는 것을 비활성화합니다. (1.1부터 추가됨)

여기에서는 마커를 제거할 필요가 없으므로 설정은 다음과 같습니다.

marker.disableMassClear();
로그인 후 복사

2단계: 지울 오버레이를 지웁니다. 여기서는 마커를 지우지 않고 폴리라인을 모두 지워야 합니다. . 이제

map.clearOverlays();
로그인 후 복사

를 직접 사용하여 모든 폴리라인을 쉽게 지우고 마커를 유지할 수 있습니다.

3단계: 나중에 마커를 제거해야 하는 경우, 지우기 금지를 취소하려면 활성화MassClear() 메서드를 사용할 수 있습니다. map.clearOverlays 메소드에서 오버레이가 지워지도록 허용합니다. (1.1 이후 추가됨)

하지만 각 마커를 복원해야 하므로 순회해야 합니다.

enableMassClear()
로그인 후 복사

이렇게 하면 모든 오버레이의 삭제 가능한 작업이 복원됩니다.

특정 유형의 덮개를 효율적으로 작동하기 위한 간단한 3단계 설정입니다.

관련 권장 사항:

Drupal 7 오버레이 확장 방법에 대한 자세한 설명?

jquery 도구 시리즈 오버레이 learning_jquery

jquery_jquery

에서 오버레이 마스크 레이어 코드 구현

위 내용은 Baidu 지도 API에서 지정된 오버레이를 지우는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿