我正在尝试leafletjs.com 库,我认为它非常适合移动应用程序,但我不确定如何处理它。
我正在尝试制作一个实时地图,其中标记代表每个登录用户的位置。如果用户移动,则用户标记应相应移动。
我有点怀疑,如何在传单中做到这一点。我的问题只是如何以正确的方式制作很多标记,这样我以后可以挑选和移动它们。
首先,我需要将每个标记添加到图层组,然后将该图层组添加到地图中,对吗?
但后来,我如何以编程方式选择一个特定的标记并更新它的位置?
我需要使用任何插件还是我需要的只是传单?
托马斯
不,您不需要向图层组添加标记,也不需要任何插件。要将标记添加到地图,您只需执行以下操作:
var marker = L.marker([50.5, 30.5]);
marker.addTo(map);
如果您需要以编程方式移动标记,您可以使用setLatLng
:
marker.setLatLng([40.5, 40.5]);
您决定如何将用户映射到标记实际上取决于您。一个简单的解决方案可能是使用一个对象,其中键是 userId(或其他用户标识符),值是标记:
var users = {
11: L.marker([35.5, 15.5]),
15: L.marker([40.5, 20.5]),
17: L.marker([45.5, 25.5])
}
您是否阅读过传单文档?
http://leafletjs.com/reference.html
您还可以阅读有关在移动设备上使用 Leaflet 的简短示例: