我的代码如下所示:
var map = /*some google map - defined earlier in the code*/;
var geocoder = new google.maps.Geocoder();
var address = 'Some Address, Some Street, Some Place';
geocoder.geocode({'address':address},function(results,status){
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var infobox = new google.maps.InfoWindow({
content: 'Hello world'
});
for(i in results){
var marker = new google.maps.Marker({
map: map,
position: results[i].geometry.location
});
google.maps.event.addListener(marker, 'click', function() {
infobox.setContent('blablabla');
infobox.open(map,marker);
alert(infobox.content); //displays 'blablabla'
});
}
}
});
基本上,它是根据给定的地址字符串在单个地图上创建一些标记。它将一个信息窗口添加到单击时打开的标记中。
问题是:信息窗口显示为空。
截图在这里:
PS:使用Maps API V3
我刚刚遇到了同样的问题,并发现了非常简单的原因:信息窗口中的文本实际上显示了,但以白色显示,因此在白色背景上不可见。通过 CSS 为内容赋予不同的颜色解决了我的问题。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)