如何动态更新 AngularJS 谷歌地图？答案

【问题标题】：How to Update AngularJS Google Maps Dynamically?如何动态更新 AngularJS 谷歌地图？
【发布时间】：2017-07-29 00:47:06
【问题描述】：

我目前正在使用AngularJS Google Maps 插件来加载一些给定用户位置的标记

加载地图的“懒惰”方式是用这样的设置坐标来定义它

<div map-lazy-load="https://maps.google.com/maps/api/js">
  <ng-map center="41,-87" zoom="3"></ng-map>
</div>

当用户拖动地图或提供他们希望搜索的城市时，我需要更新中心坐标。但是我对如何利用 NgMap 对象来实现这一点感到困惑

  NgMap.getMap().then(function(map) {
    console.log(map.getCenter());
    console.log('markers', map.markers);
    console.log('shapes', map.shapes);
    // Recenter my map here?
  });

我应该先用NgMap 对象创建我的地图吗？或者我可以用它来更新我在我的 html 页面上定义的那个吗？我看到一个属于 Object 的 addMap() 函数，但在 API 中没有看到任何关于它的信息

谢谢！

【问题讨论】：

标签： javascript angularjs google-maps google-maps-api-3

【解决方案1】：

我相信我找到了我需要的东西。可以在https://ngmap.github.io/找到工作示例

getMap() 函数返回的 map 实例正是我要寻找的。这将是您创建的 <ng-map> 的表示形式。

NgMap.getMap().then(function(map) {
  myMap = map; 
});

【讨论】：