我在wordpress中使用外部js和动作钩子实现了api 3。这一切都很好,除了在Firefox中,信息文本的一部分没有显示在信息框中。请参见屏幕截图here。它在其他浏览器中运行良好。
以下是我的完整源代码(或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);
我使用数组作为标记。谢谢!
答案 0 :(得分:2)
使用“实验性”version是一个问题(或设计行为,尽管为什么会因Firefox而难以解释)。如果我设置“发布”版本
<script src="https://maps.googleapis.com/maps/api/js?sensor=false&v=3"></script>
显示完整的文字。