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

Google Maps API v3에서 마커 제거: 업데이트된 접근 방식

Google Maps API v2에서는 map.clearOverlays를 사용하여 지도 마커를 간단하게 지울 수 있었습니다. (). 그러나 API v3에서는 이 방법을 사용할 수 없습니다. 다음은 v3에서 모든 마커를 효과적으로 제거하기 위한 포괄적인 가이드입니다.

핵심은 배열을 활용하여 마커 참조를 저장한 다음 배열을 반복하여 지도에서 마커를 제거하는 것입니다. 다음 단계에서는 이 프로세스를 간략하게 설명합니다.

I. 전역 변수 선언:

var markersArray = [];

II. 함수 정의:

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

이 함수는 markersArray를 반복하고 각 마커의 setMap 속성을 null로 설정하여 지도에서 제거한 다음 배열을 비웁니다.

또는 , 지도 프로토타입을 확장하여 ClearOverlays를 포함할 수 있습니다. 방법:

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

III. 마커를 배열에 푸시합니다.

마커를 제거하기 전에 markersArray에 추가되었는지 확인하세요. 다음 코드를 사용하세요:

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

IV. 오버레이 지우기 함수 호출:

마커 제거를 실행하려면 원하는 위치에서clearOverlays() 함수 또는 map.clearOverlays()를 호출하세요.

다음 단계를 따르면 효과적으로 다음을 수행할 수 있습니다. Google Maps API v3 애플리케이션에서 모든 마커를 제거하세요.

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