实现谷歌地图的Angularjs未被渲染_Angularjs_Google Maps

实现谷歌地图的Angularjs未被渲染

angularjs google-maps

实现谷歌地图的Angularjs未被渲染,angularjs,google-maps,Angularjs,Google Maps,我正试图将谷歌地图纳入我的辅助项目中，在看了无数教程之后，我似乎不知道为什么这不起作用。我能够解决这个问题的一种方法是在html的init函数的正下方包含src脚本，然后在控制器文件的外部编写initMap（）函数 angular.module（'breazehomeDesktop'）.controller（）。有人能帮忙吗这是我的html !doctype html> <html> <head>  <

我正试图将谷歌地图纳入我的辅助项目中，在看了无数教程之后，我似乎不知道为什么这不起作用。我能够解决这个问题的一种方法是在html的init函数的正下方包含src脚本，然后在控制器文件的外部编写initMap（）函数 angular.module（'breazehomeDesktop'）.controller（）。有人能帮忙吗

这是我的html

!doctype html>
<html>

<head>
  <!-- Tab Title -->
  <title>Local Scoop</title>
  <!-- Javascript Import-->
  <script src="../scripts/controllers/localscoop.js"></script>
  <script async defer src="https://maps.googleapis.com/maps/api/js?key=KEY_GOES HERE"></script>
</head>

<body ng-app="breazehomeDesktop" ng-controller="LocalScoopCtrl">
  <!-- MAP -->
  <div id="map" ng-init="initMap()">
    <script>initMap()</script>
  </div>
</body>

</html>

我看不到您提到的任何地方ng controller
并使用ng init
调用该方法

<body ng-app="breazehomeDesktop" ng-controller="LocalScoopCtrl">
 <div id="map" ng-init="initMap()" >
 </div>

谢谢你这么说，但chrome开发工具似乎仍然不起作用。我收到一个错误“initMap不是一个函数”，名字是：“InvalidValueError”，这与google map api有关

<body ng-app="breazehomeDesktop" ng-controller="LocalScoopCtrl">
 <div id="map" ng-init="initMap()" >
 </div>