谷歌地圖動態內容在多個自定義標記上的API v3信息窗口

我有下面的js實現了谷歌地圖與循環的自定義標記集。我需要每個標記都有不同的infowindow，因此當您單擊標記時，您將獲得相關的內容。在一分鐘它不會打開信息窗口，並沒有給我一個錯誤控制檯谷歌地圖動態內容在多個自定義標記上的API v3信息窗口

infowindow = new google.maps.InfoWindow(); 

    for(var i=0; i<google_map_item.length; i++) 
    { 
     latlon = new google.maps.LatLng(google_map_item[i].lat, google_map_item[i].lon) 
     bounds.extend(latlon); 
     var iconcolor = google_map_item[i].iconColor; 
     marker = new google.maps.Marker({ 
      map: map, 
      position: latlon, 
      icon: "https://chart.googleapis.com/chart?chst=d_map_pin_letter_withshadow&chld=" + (i + 1) + "|"+iconcolor+"|000000", 
      type: 'flat', 
      icon_color: '#ff0000', 
      label_color: '#ffffff', 
      width: '20', 
      height: '20', 
      label_size: '11', 
          clickable: true 
     }); 

        google.maps.event.addListener(marker, 'click', function() { 
         //marker.info.open(map, this); 
         infowindow.setContent(this.latlon); 
         infowindow.open(map, this); 
        }); 


     map.fitBounds(bounds); 
    }

來源

2012-07-17 Steve Smith

[Google地圖 - 多個標記--1 InfoWindow問題]的可能重複（http://stackoverflow.com/query/ estions/7402667/google-maps-multiple-markers-1-infowindow-problem） – duncan 2012-07-17 12:57:17

的標誌器陣列中的提法不正確的，在這種類似的問題

Google Maps - Multiple markers - 1 InfoWindow problem

來源

2012-07-17 08:31:00

我在一個信息窗口中也遇到了同樣的問題，但之後我使用了一個數組來表示不同的infowindows。我的問題解決了，你可以測試它，也希望它能工作。 – Anup 2013-07-16 13:09:02

var marker3 = new google.maps.Marker({ 
      map: map,               
      icon: 'miniMarker.png', 
      info: destArr[i][9], 
      position: new google.maps.LatLng(destArr[i][7], destArr[i][8]) 
}); 
var infowindow3 = new google.maps.InfoWindow(); 
google.maps.event.addListener(marker3, 'mouseover', function() { 
     infowindow3.setContent(this.info);        
     infowindow3.open(map, this);       
});

概述

帶有超過20個標記和信息窗口的工作示例

來源

2013-07-17 05:28:55 Anup

谷歌地圖動態內容在多個自定義標記上的API v3信息窗口

回答

相關問題