Question

GoogleMap在我的角度项目（WebStorm IDE）中不可见!!

我尝试过使用回调函数!!谷歌地图仍然不可见!! I get this Error in Console

的index.html

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAANu_sjcxDH04GZHg187EGg6csTeiX-jw&callback=initMap"
         defer></script>

MapCtrl.js

 .controller('MapCtrl',function ($scope, $window) {

$window.initMap = function () {

    var map=new google.maps.Map(document.getElementById('map'), {
      center: {lat: -34.397, lng: 150.644},
      zoom: 8
    });

  }

}）;

Mymap.html

<div id="map" ng-controller="MapCtrl"></div>

Answer 1

我曾经遇到过同样的问题。我通过从src网址末尾删除'＆callback = initMap'来解决它。就您而言；

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAANu_sjcxDH04GZHg187EGg6csTeiX-jw"
     defer></script>

代替

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAANu_sjcxDH04GZHg187EGg6csTeiX-jw&callback=initMap"
     defer></script>

Answer 2

尝试在地图ID中添加一些css样式，这种情况发生在我身上很多次。

html, body { height: 100%; margin: 0; padding: 0; }
#map { height: 100%; }

如果您需要更多信息，请阅读here

initMap不是函数：错误

2 个答案: