マーカー座標を使用してリーフレットポリラインを削除するにはどうすればよいですか?

timgavin

マーカーを配置し、それらの間にポリラインを描画しましたが、うまく機能しています。

また、次の機能を使用してマーカーを削除する機能をユーザーに提供しました

function hide(marker) {
    map.closePopup();
    map.removeLayer(marker);
}

さて、マーカーが削除されたら、ポリラインも削除したいと思います。私は多くの検索を行ってきましたが、特定の問題に遭遇していません。ピクセル座標を使用しており、2つのマーカー間のポリラインを削除する必要があります。

マーカー

var marker1 = L.marker(map.unproject([8706, 7789], map.getMaxZoom()));
var marker2 = L.marker(map.unproject([8302, 5273], map.getMaxZoom()));
var marker3 = L.marker(map.unproject([9303, 7251], map.getMaxZoom()));

ポリライン

polyline = L.polyline([
    map.unproject([8706, 7789], map.getMaxZoom()),
    map.unproject([8302, 5273], map.getMaxZoom()),
    map.unproject([9303, 7251], map.getMaxZoom())
]);

ユーザー削除したときにそうmarker1、ポリラインの間消えるmarker1marker2の間に、しかし、遺跡marker2marker3、およびそのラインの下に...これはどのように行われますか?

ファルケデザイン

マーカーにポリラインを追加できます。また、マーカーが削除された場合は、行を読み取って削除することもできます。

marker1 = L.marker([51.498912, -0.122223],{connectedLines: []}).addTo(mymap);
marker2 = L.marker([51.496988, -0.056305],{connectedLines: []}).addTo(mymap);

poly1 = L.polyline([marker1.getLatLng(),marker2.getLatLng()]).addTo(mymap);
marker1.options.connectedLines.push(poly1);
marker2.options.connectedLines.push(poly1);

function removeMarkerLine(e){
  var marker = this;
    if(marker.options && marker.options.connectedLines){
       var lines = marker.options.connectedLines;
       lines.forEach(function(line){
         mymap.removeLayer(line);
       });
    }
  mymap.removeLayer(marker);
};

https://jsfiddle.net/falkedesign/3aukgm7t/

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

データベースからすべての座標を抽出して、リーフレットを使用してマーカーを地図に配置するにはどうすればよいですか?

分類Dev

リーフレットマップのリーフレットマーカーペインを削除するにはどうすればよいですか?

分類Dev

リーフレットルーティングマシンを使用して、開始と終了を含むウェイポイントマーカーにポップアップを追加するにはどうすればよいですか?

分類Dev

リーフレットにラインストリングを作成するにはどうすればよいですか?すべてのポイントにマーカーを付けてリアルタイムで作成できますか?

分類Dev

ポリライン (A) & (B) マーカーを削除するにはどうすればよいですか

分類Dev

方向サービスを使用してGoogleマップに動的ポリラインカラーを適用するにはどうすればよいですか

分類Dev

tabletop.jsを使用してリーフレットマップにマーカーを追加するにはどうすればよいですか?

分類Dev

パスを変更するマーカーをドラッグして、ポリラインを更新(マップから前のポリラインを削除)するにはどうすればよいですか?

分類Dev

コマンドを使用してgithubリポジトリにファイルをアップロードするにはどうすればよいですか?

分類Dev

Outlook 2016 for Macで、プライマリカレンダーのすべてのイベントを削除するにはどうすればよいですか?

分類Dev

それ自体がプライマリルーターアウトレットを介して提供されるコンポーネント内でAngularルーターアウトレットを使用するにはどうすればよいですか?

分類Dev

BootstrapVueを使用してVueのリソースタイムラインのフルカレンダーイベントにポップオーバーを追加するにはどうすればよいですか?

分類Dev

標準のフックを使用してLuaにブレークポイントを実装するにはどうすればよいですか?

分類Dev

ペリカンを使用してタイトルテキストをフォーマットするにはどうすればよいですか?

分類Dev

標準のフラグメントアプリ(AppCompatを使用しない)でドロワーアイコンとしてロリポップ「ハンバーガー」を取得するにはどうすればよいですか?

分類Dev

リーフレットを使用して、外部プラグインによって追加された古いマップタイルを削除するにはどうすればよいですか?

分類Dev

リーフレットマップをクリックしてマーカーを作成し、Rの他の場所をクリックしたときにそのマーカーを削除するにはどうすればよいですか?

分類Dev

パンダのデータフレームからリストに座標をプッシュするにはどうすればよいですか?

分類Dev

Template Haskellを使用してインポートとボイラープレートリストを生成するにはどうすればよいですか?

分類Dev

コマンドラインを使用して外部64GBSDカード(exfat)をフォーマットするにはどうすればよいですか?

分類Dev

マーカー定義でリーフレットアイコン定義を使用するにはどうすればよいですか?

分類Dev

フラスコを使用してWebサイトでホストされているレイヤー(マーカー)が1時間ごとに変化するフォリウムを使用して、マップの静的スケルトンを作成するにはどうすればよいですか?

分類Dev

oglでタッチスクリーンポイントの座標を取得するにはどうすればよいですか?

分類Dev

リフレクトを使用してスライスへのポインターの値を読み取るにはどうすればよいですか?

分類Dev

配列からの座標を使用してGoogleマップにポリゴンを描画するにはどうすればよいですか

分類Dev

Ansibleを使用してリモートファイルをローカルマシンにコピーするにはどうすればよいですか?

分類Dev

すべてのローカルコミットを削除して、ブランチマスター(リモートリポジトリ)の最後のコミットに移動するにはどうすればよいですか?

分類Dev

リーフレットマーカーをnuxt-linkとして使用するにはどうすればよいですか?

分類Dev

コマンドラインを使用して.torrentファイルにトラッカーを変更/追加するにはどうすればよいですか?

Related 関連記事

  1. 1

    データベースからすべての座標を抽出して、リーフレットを使用してマーカーを地図に配置するにはどうすればよいですか?

  2. 2

    リーフレットマップのリーフレットマーカーペインを削除するにはどうすればよいですか?

  3. 3

    リーフレットルーティングマシンを使用して、開始と終了を含むウェイポイントマーカーにポップアップを追加するにはどうすればよいですか?

  4. 4

    リーフレットにラインストリングを作成するにはどうすればよいですか?すべてのポイントにマーカーを付けてリアルタイムで作成できますか?

  5. 5

    ポリライン (A) & (B) マーカーを削除するにはどうすればよいですか

  6. 6

    方向サービスを使用してGoogleマップに動的ポリラインカラーを適用するにはどうすればよいですか

  7. 7

    tabletop.jsを使用してリーフレットマップにマーカーを追加するにはどうすればよいですか?

  8. 8

    パスを変更するマーカーをドラッグして、ポリラインを更新(マップから前のポリラインを削除)するにはどうすればよいですか?

  9. 9

    コマンドを使用してgithubリポジトリにファイルをアップロードするにはどうすればよいですか?

  10. 10

    Outlook 2016 for Macで、プライマリカレンダーのすべてのイベントを削除するにはどうすればよいですか?

  11. 11

    それ自体がプライマリルーターアウトレットを介して提供されるコンポーネント内でAngularルーターアウトレットを使用するにはどうすればよいですか?

  12. 12

    BootstrapVueを使用してVueのリソースタイムラインのフルカレンダーイベントにポップオーバーを追加するにはどうすればよいですか?

  13. 13

    標準のフックを使用してLuaにブレークポイントを実装するにはどうすればよいですか?

  14. 14

    ペリカンを使用してタイトルテキストをフォーマットするにはどうすればよいですか?

  15. 15

    標準のフラグメントアプリ(AppCompatを使用しない)でドロワーアイコンとしてロリポップ「ハンバーガー」を取得するにはどうすればよいですか?

  16. 16

    リーフレットを使用して、外部プラグインによって追加された古いマップタイルを削除するにはどうすればよいですか?

  17. 17

    リーフレットマップをクリックしてマーカーを作成し、Rの他の場所をクリックしたときにそのマーカーを削除するにはどうすればよいですか?

  18. 18

    パンダのデータフレームからリストに座標をプッシュするにはどうすればよいですか?

  19. 19

    Template Haskellを使用してインポートとボイラープレートリストを生成するにはどうすればよいですか?

  20. 20

    コマンドラインを使用して外部64GBSDカード(exfat)をフォーマットするにはどうすればよいですか?

  21. 21

    マーカー定義でリーフレットアイコン定義を使用するにはどうすればよいですか?

  22. 22

    フラスコを使用してWebサイトでホストされているレイヤー(マーカー)が1時間ごとに変化するフォリウムを使用して、マップの静的スケルトンを作成するにはどうすればよいですか?

  23. 23

    oglでタッチスクリーンポイントの座標を取得するにはどうすればよいですか?

  24. 24

    リフレクトを使用してスライスへのポインターの値を読み取るにはどうすればよいですか?

  25. 25

    配列からの座標を使用してGoogleマップにポリゴンを描画するにはどうすればよいですか

  26. 26

    Ansibleを使用してリモートファイルをローカルマシンにコピーするにはどうすればよいですか?

  27. 27

    すべてのローカルコミットを削除して、ブランチマスター(リモートリポジトリ)の最後のコミットに移動するにはどうすればよいですか?

  28. 28

    リーフレットマーカーをnuxt-linkとして使用するにはどうすればよいですか?

  29. 29

    コマンドラインを使用して.torrentファイルにトラッカーを変更/追加するにはどうすればよいですか?

ホットタグ

アーカイブ