我有一张地图可以很好地通过我想要的标记,并且能够让信息窗口显示自定义内容。
不过,我想要的是让默认的 google 位置页面信息显示在信息框中,就像您在 maps.google.com 上找到的那样。这里的例子。
我使用 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);
谢谢!