Biểu tượng điểm đánh dấu thay đổi API bản đồ google v3 khi nhấp chuột?

Question

Làm theo tài liệu google để thay đổi biểu tượng điểm đánh dấu là dễ dàng. Nhưng tôi bị mắc kẹt, tôi không biết làm thế nào để thay đổi hình ảnh khi đánh dấu được nhấp?

Mã của tôi cho đến nay:

<script> 
    function initialize() { 

    var latlngPos = new google.maps.LatLng(<?php echo $event_google_map_coordinates; ?>); 

    var mapOptions = { 
     zoom: 16, 
     center: latlngPos, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

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

    var marker = new google.maps.Marker({ 
     position: latlngPos, 
     map: map, 
     //animation: google.maps.Animation.BOUNCE, 
     icon: '<?= get_bloginfo("template_url"); ?>/images/marker.png' 
    }); 

    var infowindow = new google.maps.InfoWindow({ 
     position: latlngPos, 
     maxWidth: 200, 
     content: "<h3><?php the_title(); ?></h3><?php if ($event_address_meta) {_e($event_address_meta);} ?>" 
    }); 

    //open onclick 
    google.maps.event.addListener(marker, 'click', function() { 
     infowindow.open(map); 
    }); 

    //open infowindow onload 
    //infowindow.open(map); 

    } 

function loadScript() { 
    var script = document.createElement('script'); 
    script.type = 'text/javascript'; 
    script.src = 'http://maps.googleapis.com/maps/api/js?key=AIzaSyCK3XUMWOH0GIiuj3VeprakKZXoo_nDV08&sensor=false&' + 
    'callback=initialize'; 
    document.body.appendChild(script); 
} 

window.onload = loadScript; < /script> 

<div id="googlemap_event"></div> 

Answer 1

Hãy thử điều này.

//open onclick 
    google.maps.event.addListener(marker, 'click', function() { 
    marker.setIcon("Your Image");          
    infowindow.open(map); 
    }); 

Answer 2

Bạn cần đặt biểu tượng điểm đánh dấu trong sự kiện nhấp chuột.

google.maps.event.addListener(marker, 'click', function() { 
      infowindow.open(map); 
      //Change the marker icon 
      marker.setIcon('https://www.google.com/mapfiles/marker_green.png'); 
    }); 

Dưới đây là một ví dụ: jsfiddle

Answer 3

tôi đã sửa đổi fiddle trước và kích hoạt để bỏ chọn đánh dấu.

http://jsfiddle.net/zsw76pq9/

google.maps.event.addListener(map,'click', function() { 
    infoWindow.close(); 

    //Change the marker icon 
    marker.setIcon('https://www.google.com/mapfiles/marker_black.png'); 
});