問題タブ [angular-leaflet-directive]

ユーザーベースのボリュームを表示する必要があるマップアプリを構築しています。私は 30,000 以上の座標を持っていますが、パフォーマンスにあまり影響を与えずにそれらを表示する最良の方法は何だろうと思っています。

カスタム タイル/レイヤーを作成するのが最善の方法だと思いましたが、その方法が見つかりませんでした。Mapbox を調べましたが、探しているものが見つかりませんでした。

アプリは現在 Leaflet と Angular-leaflet-directive を使用しています。

あなたの提案を聞くのを楽しみにしています。

編集:私は視覚的にこれに似た何かをしようとしていますhttp://tombatossals.github.io/angular-leaflet-directive/examples/0000-viewer.html#/paths/3000-items-example

編集:コードを修正する方法/そのように動作する理由は気にしません。角度リーフレットディレクティブでマーカーをその中心を中心に回転させたいだけです。

ここでの質問は承知していますが、すべてのマーカーの DOM 要素を取得する方法がわかりません。私がマーカーを作成している方法は、

また、先端 (リーフレットの用語では左上隅) ではなく、対応する座標を中心に回転させたいと考えています。

私は現在Marker.Rotate.jsを使用していますが、ここでわかるように、それらは任意のポイントを中心に回転しています:

彼らのコードは次のとおりです。

元の写真のサイズは 120x120 なので、30x30 に縮小できます。また、アンカーを設定していません。サイズが指定されると、自動的に中央に設定されるため ([15,15] だと思います)、アンカーを設定しても結果は同じです。

マーカーを左下隅やその他のポイントではなく、[15,15] を中心に回転させたい。

プラグインを使用してリーフレットを AngularJS プロジェクトに統合しています。API が標準のリーフレットと同じかどうかを確認したかったので、依存性注入によって提供されたリーフレット オブジェクトを Chrome コンソールにログインしました。いくつかの方法がありませんでした。

驚いたことに、とにかくそのオブジェクトでこれらのメソッドを呼び出そうとしたところ、それらは機能しました。

どうすればいいの ？コンソールで一部のプロパティが表示される、または表示されない理由は何ですか?

angular-leaflet-directive を使用して geojson ファイルのデータを使用するレイヤーグループを作成しようとしています。しかし、解決策を見つけていません。angular-leaflet-directive を使用しているときに、leaflet.js を使用して動的レイヤーグループを作成することはできますか?

ご協力いただきありがとうございます。

ページのどこかに ng-mouseover があるときにアイコンを設定するには、マーカーのハンドルを取得する必要があります。

次のようにマーカーをリーフレットに押し込みます。

$scope.markers['id1'] は正しい lat/lng dict を返します。ここでは、marker.setIcon() を実行できるように、marker オブジェクトが必要です。

リーフレットMarkersHelpersを少し調べましたが、成功しませんでした...

任意の出発点をいただければ幸いです。

ありがとう

一番

/B

マップにレンダリングしたいマーカーのリストがありますが、1 つずつ必要です。最初のクリックで、新しいマーカーを作成したいと思います。次に、別の場所をクリックすると、マーカーを新しい latLng に移動して、別のマーカーを作成しないようにします。これが私のコードです：

突然この問題が発生し、リーフレット マップを適切に使用できなくなりました。マップをクリックするたびに、マーカーが同じ座標に追加されます。関数でマーカーを削除しようとすると、マーカー配列が空になりますが、マーカーはマップ上に表示されたままです。どうしたの？

それが役立つ場合は、ここにいくつかのコードがあります。

コントローラー.js:

HTML: