1

モバイルアプリケーションに非常に適していると思われる leafletjs.com ライブラリを試していますが、どのようにアプローチすればよいか疑問です。

ログオンしている各ユーザーの位置をマーカーで表すリアルタイム マップを作成しようとしています。ユーザーが移動すると、それに応じてユーザー マーカーが移動する必要があります。

リーフレットでこれを行う方法は少し疑問です。私の問題は、多くのマーカーを正しい方法で作成する方法であるため、後でそれらを選択して移動できます。

まず、各マーカーをレイヤーグループに追加し、そのレイヤーグループをマップに追加する必要がありますよね?

しかし後で、プログラムで特定のマーカーを 1 つ選択し、その位置を更新するにはどうすればよいでしょうか?

プラグインを使用する必要がありますか、それともリーフレットだけで十分ですか?

トーマス

4

2 に答える 2

2

いいえ、レイヤーグループにマーカーを追加する必要も、プラグインも必要ありません。マップにマーカーを追加するには、次のようにします。

var marker = L.marker([50.5, 30.5]);
marker.addTo(map);

プログラムでマーカーを移動する必要がある場合は、次を使用できますsetLatLng。

marker.setLatLng([40.5, 40.5]);

ユーザーをマーカーにどのようにマッピングするかは、あなた次第です。簡単な解決策は、キーが userId (または他のユーザー ID) であり、値がマーカーであるオブジェクトを使用することです。

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 を使用する場合の短い例を読むこともできます。

http://leafletjs.com/examples/mobile.html

于 2013-07-08T21:00:55.733 に答える
1

次のリソースを確認してください。

于 2013-07-08T21:18:17.567 に答える