如何在Leaflet.js中使用Angular JS
我正在使用Node.JS / Leaflet.js在仪表板上工作。 几周前我开始学习Angular js。 但是我在我的项目中处于中等位置。
我正在build立一个交互式的地图仪表板，使用：
- Node.JS / Express.js在后端处理数据
- Leaflet.js做地图可视化
- 其他类似d3.js的库
现在，我正在试图添加小部件到我的仪表板，在那里我点击点并使用Node.js从数据库获取与每个点有关的信息。
我想简化我的问题，并考虑这个例子。 HTTP：jsfiddle.net/8QHFe/128/
当我将鼠标hover在形状上时，我会看到与地图上每个多边形/点相关的图表。
我很困惑！ 我的问题是：
- 我是否应该重新创build应用程序来将Leafletembedded到Angular Js代码中，如此示例链接或使用angular leaflet指令 。 它读取它不是一个稳定的图书馆呢。
- 在这种情况下使用Angular.js是否是最好的select？
所以这是一个很好的问题。 我经常很难理解如何在Angular中实现映射包。 下面的Plunker展示了一种做法，但我不确定这是否是“Angular Way”。 我很想听到别人的声音。
在我的上一个映射应用程序中，我没有使用AngularLeaflet，因为我有太多的定制工作。 （例如，根据某些variables打开和closuresWMS图层，在缩放级别交换底图，使用ESRI图层等）。 这表示看起来像一个伟大的项目，我期待着使用它。
Plunker例子
我有一个控制器的地图和两个服务。
- MapCtrl（地图的控制器逻辑）
- MapService将与本地存储进行通信，并保存最后一个视图以获得更好的用户体验
- RecordService会让你的ajax数据显示在地图上
Angular是最好的select吗？
谁知道，无论我喜欢用angular度，我都看不出任何理由。 我显示的最难的事情是不能在popup窗口中使用angular度双向绑定。 虽然这是因为能够大量定制地图而不分叉AngularLeaflet项目…（也许我太懒惰了）。
让我知道你的想法？