测试 gmap3 的示例代码:
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false&language=zh" type="text/javascript"></script>
<script type="text/javascript" src="js/gmap3.js"></script>
<style>
.gmap3{
margin: 20px auto;
border: 1px dashed #C0C0C0;
width: 500px;
height: 250px;
}
</style>
<script type="text/javascript">
$(function(){
try{
$('#geoTestDiv').gmap3(
{ action: 'addMarker',
latLng : [46.578498,2.457275],
map:{
center: true,
zoom: 14,
mapTypeId: google.maps.MapTypeId.TERRAIN
}
}
);
}catch(exception){
alert(exception);
}
});
</script>
<body>
<div id="geoTestDiv" class="gmap3"></div>
</body>
</html>
在 FF 14.0.1 上,它会发出警报:
类型错误:google.maps.MapTypeId 未定义
在 Chrome 16.0.889.0 上,会显示一个带有图像的 div。
为什么会有这样的差异呢?
您可以尝试命名初始化地图的函数,然后将其作为回调放在加载 Google 地图 api 的链接中。
像这样的事情:
<script src="http://maps.google.com/maps/api/js?sensor=false&language=zh&callback=initMainMap" type="text/javascript"></script>
<script type="text/javascript">
function initMainMap(){
//function body
}
</script>
原始答案来自这里:Google 地图 API v3 - 类型错误... https://stackoverflow.com/a/8361021/1266136 https://stackoverflow.com/a/8361021/1266136
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)