Angular UI谷歌地图中心标记

Angular UI Google Maps center marker

本文关键字：UI 谷歌地图 Angular      更新时间：2023-09-26

我使用的是Angular(UI)-Google-Maps(2.1.5)和AngularJS (1.3.13)

我想要一个总是在地图中心的标记。问题是，只有当我停止拖动时，标记才会更新它的位置。

我像这样使用拖拽事件:

drag: function(maps) {     
    $scope.map.marker.center.coords = $scope.map.center;
}

我还计算了拖动事件触发的次数，这比标记(或地图)的更新要高得多。下面是一个例子:http://plnkr.co/edit/M39CFc

我也尝试了center_changed和bounds_changed，结果相同。

使用以下标签将标记放置在地图的中央:

<ui-gmap-marker coords="map.center" idkey="1" ng-cloak>

虽然这种技术是不鼓励的，因为它也会移动标记时，地图被拖动。要获得这种情况的解决方案，请使用:

marker.coords = Object.create(coords)

另一种可能性是为标记添加属性draggable = true:

 <ui-gmap-markers coords="'self'" icon="'icon'" options="{ draggable: true }">

不知道为什么这在IE中解决了这个问题，检查这个

相关文章：