我不断收到此错误“未捕获的类型错误:无法读取未定义的属性‘LatLng’”
尝试创建 map 时
在头部:
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"/>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&sensor=true"></script>
................
function init(){
var latlng = new google.maps.LatLng(-43.552965, 172.47315);
var myOptions = {
zoom: 10,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map"), myOptions);
}
................
<body>
<div id="map" style="width:600px;height: 600px;">
</div>
<ul class="navigation">
</ul>
</body>
最佳答案
如果一起使用,上面的两个答案将解决这个问题。属性 LatLng 未定义,因为 google
对象尚不可用。
你总是关闭你的 <script>
标签期。
google
在加载 DOM 之前,对象不可用。所以在你的javascript中你必须使用谷歌地图的addDomListener()
. Kara 的解决方案是正确的,但它在您的情况下不起作用,因为函数名称是 init 并且 addDomListener 必须等待“加载”。你需要:
google.maps.event.addDomListener(window, 'load', init);
另一个非常简单的解决方案是将回调添加到脚本
src="https://maps.googleapis.com/maps/api/js?v=3&sensor=true&callback=init
回调将等待脚本加载,然后触发您的 init
初始化和绘制 map 的函数。
我把解决方案放在 CodePen 上 http://codepen.io/redbirdisu/pen/BHivq
关于javascript - 谷歌地图未捕获类型错误 : Cannot read property 'LatLng' of undefined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13745693/