> 웹 프론트엔드 > JS 튜토리얼 > Baidu Maps API를 사용하여 지정된 오버레이를 지우는 방법은 무엇입니까?

Baidu Maps API를 사용하여 지정된 오버레이를 지우는 방법은 무엇입니까?

亚连
풀어 주다: 2018-06-09 13:37:53
원래의
2115명이 탐색했습니다.

이제 Baidu Maps API를 기반으로 지정된 오버레이를 지우는 방법을 공유하겠습니다. 참조 값이 좋으며 모든 사람에게 도움이 되기를 바랍니다.

최근 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() 메서드를 사용할 수 있습니다. 금지를 취소하려면

enableMassClear()
로그인 후 복사

none에서는 map.clearOverlays 메소드에서 오버레이를 삭제할 수 없습니다. (1.1 이후 추가됨)

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

var allOverlay = map.getOverlays();
      for (var i = 0; i < allOverlay.length; i++) {
        allOverlay[i].enableMassClear();
      }
로그인 후 복사

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

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

위 내용은 제가 여러분을 위해 정리한 내용입니다. 앞으로 도움이 되길 바랍니다.

관련 기사:

Ajax 프런트 엔드 및 백엔드 교차 도메인 요청을 구현하는 방법

교차 도메인 구성 요소를 지원하도록 사용자 정의된 Ajax(자세한 튜토리얼)

인증 코드를 구현하여 획득하는 방법 WeChat 애플릿을 통한 카운트다운 효과

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

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