// 例: コントロールレイヤ + レイヤグループ
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);