// 例: コントロールレイヤ + レイヤグループ var mlCenter = [38.891, 139.824]; var otherPoint = [38.890, 139.822]; var osmTile = L.tileLayer('//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© OpenStreetMap \ contributors' }); var gsiTile = L.tileLayer('//cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', { attribution: '国土地理院' }); var markerLayer1 = L.marker(mlCenter); var markerLayer2 = L.marker(otherPoint); var markerLayerGroup = L.layerGroup([markerLayer1, markerLayer2]); var mlmap = L.map("markerlayergroup", { layers: [gsiTile, markerLayerGroup], center: mlCenter, zoom: 16, scrollWheelZoom: false }); /* 上記4行は以下のようにするのと同じ効果 var mlmap = L.map("markerlayer").setView(mlCenter, 16); gsiTile.addTo(mlmap); markerLayer1.addTo(mlmap); markerLayer2.addTo(mlmap); */ // 以下、コントロールレイヤの設定 var baseLayers = {'OpenStreetMap': osmTile, '国土地理院': gsiTile}; var ovlLayers = {'マーク群': markerLayerGroup}; L.control.layers(baseLayers, ovlLayers).addTo(mlmap);