집 > 기사 > 웹 프론트엔드 > Baidu 지도 API에서 지정된 오버레이를 지우는 방법

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

小云云원래의: 2018-01-31 09:43:422054검색

이 글은 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단계 설정입니다.

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

관련 기사