【发布时间】:2011-07-19 19:58:03
【问题描述】:
我有一张地图可以很好地通过一个我想要的标记,并且能够让信息窗口显示自定义内容。
不过,我想要的是让默认的 google 地方页面信息显示在信息框中,就像您在 maps.google.com 上找到的那样。 Example here.
我使用 Maps API 而不是嵌入的唯一原因是我们需要将地图控件移出左上角。如果有办法嵌入地图并移动控件,那就太好了!否则,我需要能够将 Place 内容拉入我正在生成的信息窗口中。我的代码如下。
var latlng = new google.maps.LatLng(43.6985770, -73.7154730);
var mapOptions = {
zoom: 17,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false,
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.DEFAULT,
position: google.maps.ControlPosition.RIGHT_TOP
},
streetViewControl: false,
panControl: false,
scaleControl: false
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
var contentString = '<h1>Title</h1> <p>Content</p>';
var infowindow = new google.maps.InfoWindow({
content: contentString,
maxWidth: 260
});
var marker = new google.maps.Marker({
position: latlng,
map: map,
title:"Directions!"
});
infowindow.open(map,marker);
谢谢!
【问题讨论】:
标签: google-maps google-maps-api-3 infowindow