initMap 不是函数：错误

Posted 2023-02-23

【中文标题】initMap 不是函数：错误

【英文标题】：initMap is not a function: Error

【发布时间】：2017-03-28 01:07:44

【问题描述】：

GoogleMap 在我的 Angular 项目 (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>

【问题讨论】：

它应该像 initMap() insted of initMap 那样调用

我应该在哪里添加 initMap() ？我厌倦了添加脚本标签！它在控制台中抛出“加载资源失败：服务器响应状态为 400 ()”

确保您的谷歌地图没有错误

检查这个：***.com/questions/32090622/…

在这个链接中，他们没有给出initMap()——回调函数developers.google.com/maps/documentation/javascript/tutorial

【参考方案1】：

我曾经遇到过同样的问题。我通过从 src url 的末尾删除 '&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>

【参考方案2】：

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

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

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

【讨论】：

我厌倦了所有的解决方案！我仍然得到同样的错误！ **initMap--替换并尝试过initMap() **

试试这个***.com/questions/32090622/…