2014-11-14 41 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

相关问题