在HTML中设置ng-init=init() 在控制器中 使用美元的范围。Init = function(){…} 而不是google。maps。event。addDomListener(window， "load"， init){…}

希望这对你有所帮助。

对于更多可能仍然有这个问题的人，我使用了一个自关闭的<div id="map1" />标签，第二个div没有显示，似乎不在dom中。只要我把它改成两个打开和关闭标签<div id="map1"></div>它就工作了。hth

检查你没有重写window.self

我的问题:我创建了一个组件，并写了self = this而不是var self = this。如果你不使用关键字var, JS会把这个变量放在window对象上，所以我覆盖了window。导致此错误的Self。

在HTML中设置ng-init=init() 在控制器中 使用美元的范围。Init = function(){…} 而不是google。maps。event。addDomListener(window， "load"， init){…}

希望这对你有所帮助。

实际上最简单的方法来解决这个问题，只是移动你的对象之前Javascript代码，它对我有用。我猜在你的答案对象是加载后javascript代码。

<style type="text/css" >
      #map_canvas {
              width:300px;
            height:300px;
     }

 <div id="map_canvas"> </div> // Here 

<script type="text/javascript">

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(document.getElementById("map_canvas"),
            myOptions);

</script>

<div id="map_canvas"> </div>

改变ID(在所有3个地方)从“map-canvas”到“map”为我修复了它，即使我已经确保ID是相同的，div有宽度和高度，代码直到窗口加载调用后才运行。不是破折号;除了“map”，它似乎不能与任何其他ID一起工作。