2014-11-14 86 views
-1

我正在製作一些帶有幾個位置的谷歌地圖。我已經玩了幾個小時,似乎無法弄清楚我需要設置合適的值,以使每個地圖標記的infowindow變大。Google地圖標記信息窗口大小

這是我用來設置標記和infowindows的函數。我可以在哪裏投入數值來改變窗口的大小。謝謝!

function setMarkers(map,locations){ 

     var marker, i 

     for (i = 0; i < locations.length; i++) 
      { 

      var location = locations[i][0] 
      var lat = locations[i][1] 
      var long = locations[i][2] 
      var add = locations[i][3] 

      latlngset = new google.maps.LatLng(lat, long); 

      var marker = new google.maps.Marker({ 
       map: map, title: location , position: latlngset, icon: "tranePointer.png" 
      }); 
      map.setCenter(marker.getPosition()) 

      var content = "Location #: " + location + ' </h3>' + "Place: " + add  
      var infowindow = new google.maps.InfoWindow() 

      google.maps.event.addListener(marker,'click', (function(marker,content,infowindow){ 

      return function() { 
      infowindow.setContent(content); 
      infowindow.open(map,marker); 
      }; 
     })(marker,content,infowindow)); 

     } 

     document.getElementById("zipField").value= ""; 
    } 
+0

你爲什麼要改變這個問題嗎? – 2014-11-14 19:22:32

回答

0

documentation

content

含量信息窗口顯示量。這可以是一個HTML元素,一個 純文本字符串或包含HTML的字符串。 InfoWindow根據內容大小爲 。要爲 內容設置顯式大小,請將內容設置爲具有該大小的HTML元素。

所以這應該工作:

var content = '<div style="width: 200px; height: 200px;"><h3>Title</h3><p>Content</p></div>'; 
+0

.....謝謝..... – 2014-11-14 19:14:37

+0

我在循環部分創建信息窗口時出錯了。原來你可以創建多個信息窗口。如果你想一次顯示一個信息窗口[看看這個問題](http://stackoverflow.com/q/3059044/87015)。 – 2014-11-14 19:33:59

相關問題