Baidu 지도에 마커 및 폴리라인 표시

이번에는 Baidu 지도에 마커와 폴리라인을 표시할 때의 주의사항에 대해 함께 살펴보겠습니다.

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

오버레이를 지우는 방법에는 두 가지가 있습니다: 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단계 설정입니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

vue.js는 단일 팝업을 구현합니다

javascript trie prefix tree 사용에 대한 자세한 설명

위 내용은 Baidu 지도에 마커 및 폴리라인 표시의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!