Question

我想在我的AngularJs应用上显示谷歌地图。我使用下面的代码，运行时，地图不显示。只是一个空白页面。浏览器控制台没有错误。

以下是Fiddle

HTML代码

<div class="row">
    <div id="google-maps"></div>
</div>

控制器代码

function initialize() {
  var mapCanvas = document.getElementById('google-maps');
  var mapOptions = {
    center: new google.maps.LatLng(44.5403, -78.5463),
    zoom: 8,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(mapCanvas, mapOptions);
}

$timeout(function(){
  initialize();
}, 100);

此外，我在index.html文件中有此代码

<script src="https://maps.googleapis.com/maps/api/js?key=my_key&libraries=places"></script>

Answer 1

尝试在document.ready中调用initialize（）：

$(initialize);

还为容器div提供宽度和高度。

Working Fiddle

谷歌地图没有加载AngularJs

1 个答案: