폴리 라인 색상을 클릭하여 변경하는 방법은 무엇입니까?

Question

내가 구글지도 API에서 제공 drawnig 도구를 사용하고, 나는 폴리 라인을 drawnig 후, 이 클릭하여 색상을 변경하려는 것은 내 코드

function initialize() { 
    var mapOptions = { 
     center: new google.maps.LatLng(-34.397, 150.644), 
     zoom: 8 
    }; 

    var map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions); 

    var drawingManager = new google.maps.drawing.DrawingManager({ 
     drawingMode: google.maps.drawing.OverlayType.MARKER, 
     drawingControl: true, 
     drawingControlOptions: { 
      position: google.maps.ControlPosition.TOP_CENTER, 
      drawingModes: [ 
       google.maps.drawing.OverlayType.MARKER, 
       google.maps.drawing.OverlayType.POLYLINE 
      ] 
     }, 
     markerOptions: { 
      icon: 'images/beachflag.png' 
     }, 
     circleOptions: { 
      fillColor: '#ffff00', 
      fillOpacity: 1, 
      strokeWeight: 5, 
      clickable: true, 
      zIndex: 1 
     } 
    }); 

    drawingManager.setMap(map); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 

Answer 1

입니다 당신은 내 이벤트 polylinecomplete에 대한 리스너를 추가해야 예를 들어,() 함수를 초기화하고 click 이벤트 리스너를 정의

google.maps.event.addListener(drawingManager, 'polylinecomplete', function(polyline) { 
    google.maps.event.addListener(polyline, 'click', function() { 
     polyline.setOptions({strokeColor: '#FF0000'}); 
    }); 
});