我使用外部 js 和动作挂钩在 wordpress 中实现了 api 3。一切正常,除了在 Firefox 中,部分信息文本不会显示在信息框中。请参阅此处的屏幕截图。它在其他浏览器中运行良好。
这是我的完整源代码(或在pastebin上):
var markers = [
['<a href="http://www.ship.edu">Shippensburg University</a>',
40.06090, -77.52148],
['<a href="http://www.millersville.edu">Millersville University</a>',
39.99680, -76.35440],
['Kutztown University', 40.50980, -75.78410],
];
function initialize() {
var latlng = new google.maps.LatLng(40.9, -77.5);
var myOptions = {
zoom: 7,
center: latlng,
mapTypeId: google.maps.MapTypeId.TERRAIN,
mapTypeControl: false
};
var map = new google.maps.Map(document.getElementById("gmap"),myOptions);
var infowindow = new google.maps.InfoWindow(), marker, i;
for (i = 0; i < markers.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(markers[i][1], markers[i][2]),
map: map,
icon: '../university.png'
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(markers[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
}
google.maps.event.addDomListener(window, 'load', initialize);
我使用了一个数组作为标记。谢谢!