Question

我使用Google Maps API创建了三个标记。有没有办法可以为每个标记添加一个事件监听器，以便它们在相应的标记处于活动状态时可以独立工作？如果用户越来越接近标记，我想显示一条消息，特别是使用bounds_changed。我想继续给用户一个消息，直到他们达到比如5的缩放级别。

    <script>
      var map;
      var score;
      score = 0;
      function initMap() {
        var chicago = {lat: 41.8781, lng: -87.6298};
        var indianapolis = {lat: 39.7684, lng: -86.1581};
        var oklahomaCity = {lat: 35.4819, lng: -97.5084};
        map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: 0.0, lng: 0.0},
          zoom: 1
});
        var chicagoMarker = new google.maps.Marker({
            position: chicago,      

});

        var oklahomaCityMarker = new google.maps.Marker({
            position: oklahomaCity,
});

        var indianapolisMarker = new google.maps.Marker({
            position: indianapolis,

});

if (score==0) {
    chicagoMarker.setMap(map)
}

if (score==1) {
    oklahomaCityMarker.setMap(map)
}

if (score==2) {
    indianapolisMarker.setMap(map)
}


chicagoMarker.setVisible(false);
indianapolisMarker.setVisible(false);
oklahomaCityMarker.setVisible(false);
    }
    </script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCuvsCAF0gVmwv6AF0SoA3xBjV66RG4r7o&callback=initMap"
    async defer></script>

Answer 1

试试这个

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

//do something
})

标记的Google Maps API事件监听器

1 个答案: