問題タブ [leaflet.markercluster]

多くの場合、markercluster が必要です。クラスターの子の数ではなく、マップ内のマーカーの総数の割合 (% の形式) を表示すると非常に興味深いでしょう。したがって、そのクラスターに 20 のメーカーがあり、マップ内の合計が 200 の場合、マップのその地域で 20 ではなく 10% を表示したいと思います。

誰でもそれを実装する方法について何か考えがありますか?

ありがとうございました

ソリューションをありがとう、それは非常にシンプルでうまく機能します。ソリューションのコードは次のとおりです。

「myclusters」の CSS は次のとおりです。

ありがとうございました

大学では、リーフレットを使用してウェブマップを作成します。これは、イラクでの移民に関するものです。マップには、各ガバノレートの値を持つ json (ガバノレートを含むイラク) からの座標を持つ 1 つのコロプレス レイヤーがあります。さらに、別の json からのマーカーを含むレイヤーをマップに追加しました。この json には、各マーカーの値を持つマーカーの座標のみが含まれています。すべての子マーカーが要約され、合計が親アイコンに表示されるリーフレット マーカークラスタリングを実装しました。合計は今まで正しくありませんが、これまでのところ機能していると思います...エラー...

ここで、マーカー クラスタリングの境界を、イラクの最初の json の gouvernorates の境界に変更したいと思います (現在、それらはリーフレットによって自動的かつランダムに構築されていると思います)。目的は、イラクの行政区の地域限定クラスタリングです。ウェブ上にいくつかの例があり、私は多くのことを試しましたが、うまくいきません...おそらく誰かが私を助けることができます..質問がある場合、またはさらに説明が必要な場合は、教えてください!

ソース: - js ファイル "iraq_09_14.js" 内の json コードとイラクの gouvernorate-polygon-coordinates

• 各マーカーのマーカーポリゴンと値を含むjsファイル「target-location_09_14.js」のjsonコード

これは、リーフレット マップを作成する js コードです。

これは、値の合計でマーカークラスターを作成する js コードです。

クライアント側でangular jsとリーフレットjsを使用し、サーバーとしてノードjsを使用しています。

https://github.com/ghybs/Leaflet.MarkerCluster.LayerSupportを使用して、多数のデータ ポイントを含むレイヤーを追加および削除しています。

mysql にすべてのデータ ポイントがあり、データ ポイントを取得してクライアント側に送信し、クライアント レベルでループを使用してそれらをレイヤーに追加します。小さなデータセットでは問題なく動作します。現在、私のデータセットは 50K を超えています。

この現在のアプローチでは、Web ブラウザーがクラッシュします。

この状況に対処するための解決策またはアプローチが必要です。

現在のデータセット配列は次のようになります。

50K オブジェクトの配列があります。私はいくつかのアプローチを試しました、

1. サーバー側でこのデータを処理します。
2. geoJson オブジェクトの生成 (方法がわかりません。)

誰かが私にアプローチや解決策を教えてもらえますか?私は過去4日間からこれにこだわっています.

50K の 1 つと 20K の 2 つの配列を取得します。最初に 50 K 配列を追加します (以下は私のコードです)。

何か提案があれば教えてください。助けてくれてありがとう。

クラスタ グループを使用しています。しかし、クラスターの拡張レベルを制限する方法。デフォルトのクラスター グループが大陸レベルで読み込まれ、クリックするとします。より深いレベルに展開し、クラスター グループを 3 回目に再度クリックすると、国レベルに展開されます。国レベルを下回らないクラスター グループの 3 つの拡張レベルを修正します。

freezeAtZoom() を試しましたが、最初のレベルからでもクラスター グループの展開が停止します。

次のようにマップします。

しかし、私はリーフレットを使用しています。とにかく、マーカーポップアップを閉じるのを防ぐことができる程度のものはありますか?

L.markerClusterGroup を持つ Leaflet マップがあります。次のようになります。

しかし、(PDF に) 印刷すると、次のようになります。

背景色がないことに注意してください。

ポイントは次のように作成されます。

「自分の css」は、次のいずれかの css クラスです。

または

他の誰かが同じ問題を抱えたことがありますか?

後でマップから単一のマーカーを削除したいので、ID を持つマーカーを持つマーカークラスターを作成しようとしています。ただし、これらのラベル付きマーカーをマップに表示することさえできません。geoJSON 形式の変数からロードしていますindividualPoints。次のコード スニペットを使用して、これらのマーカーをマップに直接追加できます。

しかし、それらをクラスターに入れたいので、各マーカーに ID をタグ付けして (この質問のように)、次のようにこのグループをクラスターに追加する必要があると思います。

追加はgeoJsonLayer問題なく機能しますが、追加markersIDは機能しません。だから私はmarkersID間違って追加しているに違いありません。これがjsfiddleです。 https://jsfiddle.net/anfw0n6w/

質問:後で参照できる ID を持つマーカーを作成するためのより良い方法はありますか? 他にどのようmarkersIDにmarkerClusterGroupに追加できますか?

データベースから json 形式でデータを取得でき、現在はコンソールでデータを表示できます。私の質問は、この ajax 呼び出しを使用して取得した緯度経度からマーカーをプロットするにはどうすればよいかということです。

関数の成功時にマーカーを取得するにはどうすればよいですか