Javascript angularJS:Google地图未加载places API

伙计们

我正在尝试集成GoogleMap并使用PlacesAPI。 我有一个文本框和一个谷歌地图（由于一些奇怪的原因没有加载），我正试图借助PlacesAPI在谷歌地图的文本框中绘制输入的地址

但是，谷歌地图没有加载，也没有在控制台中抛出任何错误。PlacesAPI工作正常，我可以搜索地址，也可以获取坐标，但我看不到谷歌地图，也无法在那个位置添加标记

以下是我的HTML代码：

<div ng-app="myApp" ng-controller="myMap">
<div class="form-group"  >
  <label for="source_point">
    <h2>Address</h2></label>
  <input type="text" id="source_point" name="source_point" class="form-control" placeholder="Enter your pick up address here">

  <p id="pickup_location"></p>
  <input type="text" id="src_lat" name="src_lat" placeholder="latitude">
  <input type="text" id="src_long" name="src_long" placeholder="longitude">
</div>
<!-- Map div -->
<div id="source_map"></div>
</div>

我还创建了一个小提琴来演示这个东西是如何工作的：从中查看它。

您使用的是

#gmap

而不是

源地图。看一看

以下是您的固定css：

#source_map {
  width: 450px;
  height: 450px;
}

您使用的是
#gmap
而不是
源代码映射
。看一看

以下是您的固定css：

#source_map {
  width: 450px;
  height: 450px;
}

我真傻p谢谢@安德烈：我真傻p谢谢@安德烈16