leaflet - リーフレットレイヤーコントロールイベント？

Question

サイドバーを表示されているレイヤーと同期させるために、ユーザーレイヤーの選択を検出したいと思います。

しかし、APIリファレンスにレイヤーコントロールイベントは表示されません。このようなユーザーレイヤーの選択がいつ行われたかをどのように知ることができますか？

別の方法として、レイヤーのロードイベントとアンロードイベントを確認しましたが、返されるものにIDが表示されません。どういうわけかそれを逃しましたか？

score 34 · Accepted Answer

ユーザーがレイヤーをアクティブ化/非アクティブ化したときに通知するイベントがいくつかあります。

これはあなたを助けるかもしれません：

例えば：

map.on('overlayadd', onOverlayAdd);

function onOverlayAdd(e){
    //do whatever
}

score 30 · Accepted Answer

ここに定義されている「baselayerchange」イベントがありますhttp://leafletjs.com/reference.html#control-layers マップオブジェクトにバインドするだけで準備完了です。

map.on('baselayerchange', function(e) {
  console.log(e);
});

score 1 · Accepted Answer

次のように、jQueryを使用して独自の「変更」イベントをLeafletレイヤーコントロールのラジオボタンにバインドできます。

    $("[name='leaflet-base-layers']").change( function () {
        alert('Layers selected: ' + $(this).parent().text());
    });

score 0 · Accepted Answer

私はまだ実際にそれを使用しようとはしていませんが、このプラグインは有望に見えます： https ://github.com/vogdb/Leaflet.ActiveLayers

これは非常に便利な機能なので、私のプロジェクトの1つで試してみます。

4 に答える 4