Google Maps API v3 애플리케이션에서 모든 마커를 제거하는 방법은 무엇입니까?

Google Maps API v3에서 모든 마커 제거

Google Maps API 버전 2에서는 모든 지도 마커를 제거하는 것이 map.clearOverlays()를 사용하는 것만큼 간단했습니다. 그러나 이 방법은 API v3에서는 더 이상 사용할 수 없습니다. 이 종합 가이드는 지도에서 모든 마커를 효율적으로 제거하는 단계를 안내합니다.

전역 변수 선언

마커 배열을 저장하기 위해 전역 변수 선언으로 시작합니다.

var markersArray = [];

함수 정의

clearOverlays()라는 함수를 만들어 마커를 반복합니다. 배열하고 각 마커의 지도를 null로 설정합니다.

function clearOverlays() {
  for (var i = 0; i < markersArray.length; i++) {
    markersArray[i].setMap(null);
  }
  markersArray.length = 0;
}

OR

또는 함수를 google.maps.Map의 프로토타입 메소드로 정의할 수 있습니다.

google.maps.Map.prototype.clearOverlays = function() {
  for (var i = 0; i < markersArray.length; i++) {
    markersArray[i].setMap(null);
  }
  markersArray.length = 0;
}

배열에 마커 추가

이전 ClearOverlays() 함수를 호출하는 경우 각 마커를 지도에 추가할 때 markerArray에 푸시해야 합니다. 상호작용을 위해 각 마커에 이벤트 리스너를 추가하는 것을 잊지 마세요.

markersArray.push(marker);
google.maps.event.addListener(marker, "click", function() {});

함수 호출

마지막으로 모두 제거해야 할 때마다clearOverlays() 또는 map.clearOverlays() 함수를 호출하세요.

이제 이 단계를 사용하면 Google Maps API v3에서 모든 마커를 효과적으로 제거할 수 있습니다. 신청하세요.

위 내용은 Google Maps API v3 애플리케이션에서 모든 마커를 제거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!