angularjs - 如何在 Angular 应用程序中更新 map 标记

Question

所以我创建了这个小 map 应用程序 HERE ，如您所见，它显示了您当前的位置，现在的问题是标记不会显示在当前位置，如果您 CTRL+U您将看到标记的代码是:

<openlayers ol-center="center"  height="400px">
            <ol-marker lat="center.lat" lon="center.lon" message="Your current location." ng-model="center" >
            </ol-marker>
</openlayers>

lat="center.lat"和 lon="center.lon"开头是 0 ，现在如果我硬编码 lat 的值和 lon到我当前的位置，当然标记会显示在我当前的位置，但是我如何动态更新值？

我正在使用 angular.js , openLayers3和 openlayers-angular-directive ，所以重复我的问题，我如何动态更新标记？

Answer 1

您只需将“autodiscover : true”添加到 Controller 中的中心对象即可。

正如 documentation 中所解释的那样的指令。

此外，您需要将值绑定(bind)在标记中:

<openlayers ol-center="center"  height="400px">
        <ol-marker lat="{{center.lat}}" lon="{{center.lon}}" message="Your current location." ng-model="center" >
        </ol-marker>