Javascript 如何在不使用任何指令的情况下在angular中初始化google maps API？_Javascript_Angularjs_Google Maps_Google Maps Api 3

Javascript 如何在不使用任何指令的情况下在angular中初始化google maps API？

javascript angularjs google-maps google-maps-api-3

Javascript 如何在不使用任何指令的情况下在angular中初始化google maps API？,javascript,angularjs,google-maps,google-maps-api-3,Javascript,Angularjs,Google Maps,Google Maps Api 3,我正在尝试在我正在编写的应用程序中初始化google maps，我正在使用places api实现一些功能，这些功能运行良好，现在我试图在页面上显示地图，但地图从未显示。当我使用以下代码时，控制台上没有任何错误 index.html <script src="https://maps.googleapis.com/maps/api/js?key=mykey&libraries=places"></script> <div ng-controller="M

我正在尝试在我正在编写的应用程序中初始化google maps，我正在使用places api实现一些功能，这些功能运行良好，现在我试图在页面上显示地图，但地图从未显示。当我使用以下代码时，控制台上没有任何错误

index.html

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

<div ng-controller="MapViewController as mapctrl" ng-init="initialize()">
<div class="container">

  <div class="row">



<div id="map"></div>

</div>

<div ui-view></div>
</div>
</div>

当控制器初始化但映射没有显示在页面上时，我会收到日志消息。

我想知道如何在不使用任何指令的情况下做到这一点。

请确保在html上定义

ng app

：

<html ng-app="mapApp">
 . . .
  <body ng-controller="MapController" ng-init="initMap()">
    <div id="map"></div>
  </body>
</html>

并为您的id指定

高度

和

宽度

：

#map{
      height: 400px;
      width:  700px;
      border: 2px solid red;
 }

在这里，您可以找到在没有指令的情况下初始化映射的方法

希望我能有所帮助。

确保在html上定义

ng应用程序

：

<html ng-app="mapApp">
 . . .
  <body ng-controller="MapController" ng-init="initMap()">
    <div id="map"></div>
  </body>
</html>

并为您的id指定

高度

和

宽度

：

#map{
      height: 400px;
      width:  700px;
      border: 2px solid red;
 }

在这里，您可以找到在没有指令的情况下初始化映射的方法

希望我能帮上忙。

真奇怪，你能分享你的

app模块code吗？另外，您是否定义了ng应用程序
？另外，您是否将高度和宽度
提供给了您的地图id
？这很奇怪，您能分享您的应用程序模块
代码吗？另外，您是否定义了ng应用程序
？另外，你是否给你的地图id提供了高度和宽度它给出了控制器的问题
。我怎么会错过这一点，只有高度、宽度和吊杆！发生。很高兴你修复了这个问题。我得到了无法读取未定义的属性“maps”的错误，我正在使用angular 6.edit：我删除了立即（函数{}）（）它给出了控制器的问题
。我怎么会错过这一点，只有高度、宽度和吊杆！发生。很高兴你解决了这个问题。我发现无法读取未定义的错误的属性“maps”，我正在使用angular 6。