Question

我试图加载带有角度的谷歌地图API。并且，在加载这个时我遇到了一些问题。

只是做了他们在文档中说的所有内容：

    function initialize() {
        var latlng = new google.maps.LatLng(-34.397, 150.644);
        var myOptions = {
            zoom: 8,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(window.document.getElementById("map-canvas"), myOptions);

    }
    google.maps.event.addDomListener(window, "load", initialize);

在我的身上：

<body>
 <div id="map-canvas"></div>
</body>

但是，当刷新我的页面时，我收到了这个错误（这有点难以理解）：

未捕获的TypeError：无法读取属性＆＃39; undefined_changed＆＃39;未定义的

有没有人知道出了什么问题？

谢谢！

Answer 1

找到它！

对于那些会遇到同样问题的人：

永远，永远，永远，永远，永远不要将功能添加到Object，如：

Object.prototype.boolToArray = function（）{}

Answer 2

您是否确定在调用此操作时已加载google maps api？加载脚本时，您可以包含一个在加载maps api时调用的回调函数：

<script src="https://apis.google.com/js/client.js?onload=initialize"></script>

如何在angular指令中使用谷歌地图的一个很好的例子： AngularJS - load google map script async in directive for multiple maps

Google Map API：无法读取属性＆＃39; undefined_changed＆＃39;未定义的

2 个答案: