15 - レイヤーグループ

学習内容: 複数のレイヤーをグループ化して管理します。

ポイント:

// レイヤーグループを作成
const restaurantsGroup = L.layerGroup();
const hotelsGroup = L.layerGroup();

// マーカーをグループに追加
L.marker([35.68, 139.76]).addTo(restaurantsGroup);
L.marker([35.69, 139.77]).addTo(hotelsGroup);

// グループを地図に追加
restaurantsGroup.addTo(map);
hotelsGroup.addTo(map);

// グループの表示/非表示
if (map.hasLayer(restaurantsGroup)) {
    map.removeLayer(restaurantsGroup);
} else {
    map.addLayer(restaurantsGroup);
}

// FeatureGroupで境界を取得
const featureGroup = L.featureGroup([marker1, marker2]);
map.fitBounds(featureGroup.getBounds());