2016-11-11 54 views
-1

我已經使用Google Maps API創建了三個標記。有沒有一種方法可以爲每個標記添加事件偵聽器,以便在相應標記處於活動狀態時它們將獨立工作?如果用戶靠近標記,我想顯示一條消息,特別是bounds_changed。我想繼續給用戶的消息,直到他們得到的縮放水平說5Google Maps API標記的事件監聽器

<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> 

回答

0

試試這個

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

//do something 
}) 
+0

現在我的問題是,當我啓動我的地圖完全消失事件監聽器 – user7144631

+0

ru在瀏覽器控制檯中獲取任何錯誤 –

+0

不,當我激活事件監聽器時,我的瀏覽器正在加載一個空白頁面。我試圖在if狀態和我的標記變量的聲明下實現它。 – user7144631