如何动态更新AngularJS谷歌地图?

Question

我目前正在使用AngularJS谷歌地图插件加载一些给定用户位置的标记

加载 Map 的"懒惰"方法是使用设置的坐标来定义它，如下所示

<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 页面上定义的那个？我看到一个属于对象的addMap()函数，但在 API 中看不到有关它的任何信息

谢谢！

Answer 1

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

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

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