Google地图标记信息窗口大小

时间:2014-11-14 18:50:30

标签: javascript google-maps

我正在制作一个包含几个位置的谷歌地图。我已经玩了几个小时,似乎无法找出我需要设置适当值的位置,以使每个地图标记的信息量更大。

这是我用来设置标记和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= "";
  }

1 个答案:

答案 0 :(得分:0)

来自documentation

  

content

     

要在InfoWindow中显示的内容。这可以是HTML元素,a   纯文本字符串或包含HTML的字符串。 InfoWindow将是   根据内容大小。为。设置显式大小   内容,将内容设置为具有该大小的HTML元素。

所以这应该有效:

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