現在、リーフレットで Booststrap スイッチを使用して、レイヤーと凡例を表示/マスクしようとしています。最初のステップは問題ありません。モーダル ウィンドウ内でチェックボックスを使用できます。2 つ以上のチェックボックスがアクティブになっていると問題が発生し、凡例と同じようにレイヤーが互いに積み重ねられます。ブーストストラップ スイッチ ボタンを使用して 1 つのレイヤーのみを表示し、他のすべてのレイヤー (ページの読み込み中にバックグラウンドで使用されるものを含む) を非アクティブにする方法を教えてもらえますか?
デモフィドルはこちら
Boostrap Switch を使用して 1 層のコードを作成します。すべてのレイヤーではなく、このレイヤーのみを表示/マスクします。
$("[name='checkboxL1']").bootstrapSwitch({
onSwitchChange: function(event, state) {
if (state) map1.addLayer(OSM2);
else map1.removeLayer(OSM2);
}
});
私の英語を許してくれてありがとう、私はネイティブではありません...