問題タブ [mapbox-marker]

I am trying to get the width of a text-field in coordinates, i.e. starting coordinates and ending coordinates of the text-field on the map. My code is as below:

From the above, I would like to get the exact start and end coordinates of the text-field only. Could somebody say whether this is possible?

GeoJson データを介してマップが読み込まれるときに、その場所にマーカーを表示するコードを以下に示します。それは完全に機能しており、新しいマーカーを追加するときに以前のマップマーカーを削除したい. 完全に機能するように変更を加える必要がある場所。

ここに完全な機能があります

現在の流れ:

ページの読み込み -> 地図の読み込み -> マーカーの表示 -> フィルターの適用 -> 新しいマーカーの追加 -> 以前のマーカーがまだ存在する

必要なフロー:

ページの読み込み -> 地図の読み込み -> マーカーの表示 -> フィルターの適用 -> 新しいマーカーの追加 -> 前のマーカーの非表示

私の知る限り、mapbox マップ (Mapbox GL JS) にマーカーをプロットする場合、次の 2 つのオプションがあります。

(a)それらをポイント スタイルとレイヤー スタイルとしてプロットする (この場合、それらは最終的な<canvas>要素にレンダリングされ、検査できず、:hover 状態を受け取ることができません)

(b)それらをマーカーとして追加し、個別に検査可能な HTML 要素のままにする。ただし、この方法の欠点は、マップのようにスムーズかつ迅速にズーム/スケーリングしないため、慣性が少し目立つことです。

どちらの方法も((a)interactive: trueオプションを指定した場合)対話をサポートしますが、処理方法は異なります。

インタラクティブ マップを作成するときに考慮すべきこれらの方法の制限はありますか?

Mapbox GL js で、同じマップに異なる draw_point アイコンを描画する方法はありますか? 描画ツールを追加すると、さまざまなアイコンが表示されます。1 つのアイコンを選択すると、ユーザーは地図を描くことができます。例: ユーザーはツリー アイコンを選択し、そのアイコンをマップ上に配置できます。次に、ユーザーは家のアイコンを選択して、家を地図上に配置できます。