Google Maps API v3, 클릭했을 때 마커 아이콘을 변경하는 방법

Question

마커를 클릭하면 (클릭 이벤트) 마커 아이콘을 변경하고 다른 마커를 클릭하면 일반 아이콘으로 되돌릴 수 있습니까?

Answer 1

이 코드를 테스트하지 않았으므로 오타 나 버그가있을 수 있지만 아이디어를 얻을 수 있습니다.

첫째, 일반 아이콘에 대한 모든 마커를 설정하는 콜백을 정의 (모든 이전 마커를 클릭 재설정) 선택한 아이콘으로 현재 클릭 된 마커의 아이콘을 설정, 그리고

var markerCallback = function() { 
    for (var i=0; i<arrayOfMarkers.length; i++) { 
     arrayOfMarkers[i].setIcon(normalIcon); 
    } 
    this.setIcon(selectedIcon); 
} 

에 콜백을 할당 다음과 같이 각 마커의 click 이벤트는 다음과 같습니다.

google.maps.event.addListener(marker, 'click', markerCallback); 

확실히 개선 된 사항이 있습니다. 예를 들어, normalIcon, selectedIcon 및 arrayOfMarkers이 위의 코드에서 가정 한대로 전역 변수가되는 것을 원하지 않을 수 있습니다. 마커가 많은 경우 for 아이콘을 루프마다 재설정하지 않고 이전에 선택한 마커를 추적하는 것이 좋습니다.

하지만 내가 말했듯이 이것은 당신에게 아이디어를 줄 것입니다. 어떤 경우 누구나 카스퍼 언급처럼 여기, 전역 변수의 이전 마커를 추적의 예를보고 싶어 그냥에서

Answer 2

내가 무슨 짓을 :

google.maps.event.addListener(marker,'click',function() { 

     if (selectedMarker) { 
      selectedMarker.setIcon(normalIcon); 
     } 
     marker.setIcon(selectedIcon); 
     selectedMarker = marker; 
    }); 

(전역 변수로 selectedMarker을 설정 한 후)