LEAFLET地图和标记与选择选项 - ANGULARjs

时间:2016-05-12 14:08:56

标签: javascript angularjs leaflet angular-leaflet-directive

我有一个带有传单地图的应用程序,用于在地图上显示我的所有项目(我使用带有信息的pop设置标记)。现在,当客户端进入页面时,他需要搜索地图并选择标记。在弹出窗口中,我将放置复选框。现在,我的问题是,当我放入另一个div时,我需要列出所选项目。我需要选择标记并仅显示它。对此的最佳解释是map

1 个答案:

答案 0 :(得分:0)

关注this example,您可以使用Activate.get()指定一个标记,该标记包含一个带有Angular模板的弹出窗口,该模板与您的应用程序在同一个$scope中工作。然后,您可以使用HTML元素上的所有getMessageScope属性。我在每个标记中添加了ng-属性,指示用户是否选择了该属性(单击复选框),使用added

ng-model

有点&#34; hacky&#34;因为amarker:{ lat: 53.5510, lng: 9.9936, zoom: 8, message: '{{ markers.amarker.options.name }}<br/> <input type="checkbox" ng-model="markers.amarker.added"/>Add', getMessageScope: function() { return $scope; }, options:{ name: "Marker A" }, added: false } 中的标记没有引用,这就是为什么你必须在这里使用message的原因。

然后当您列出所有标记时,只需过滤markers.<marker id>属性:

added

在这里演示:https://plnkr.co/edit/I4CB3tSiViKTiKt1xCXD