function SetMaker(p, s, nNo) {
if (p.length) {
IconData.iconUrl = 'https://www.kiilife.jp/image/osm/red-' + nNo + '.png';
var marker = L.marker(p, { icon: L.icon(IconData) });
marker.bindPopup(s);
markers.addLayer(marker);
if (bounds) {
bounds.extend(p);
} else {
bounds = L.latLngBounds(p);
bounds.extend(p);
}
}
}
// create a map in the "map" div, set the view to a given place and zoom
var bounds;
var map = L.map('map', {
scrollWheelZoom: false
});
var IconData = {
iconSize: [24, 42],
iconAnchor: [12, 42],
popupAnchor: [-0, -40],
shadowUrl: 'https://www.kiilife.jp/image/osm/marker-shadow.png',
shadowSize: [40, 40],
shadowAnchor: [10, 40]
};
var markers = L.markerClusterGroup();
var zoom = 0;
// add a marker in the given location, attach some popup content to it and open the popup
SetMaker([33.973779492984704, 135.56156537137562], '野々垣内のつり橋', 1);
SetMaker([33.966267037724045, 135.56474517260912], '龍神の駅の吊り橋', 2);
SetMaker([33.95628226175704, 135.5621241993098], '龍神温泉(元湯)', 3);
map.addLayer(markers);
// add an OpenStreetMap tile layer
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© OpenStreetMap contributors'
}).addTo(map);
map.fitBounds(bounds, {paddingTopLeft: [0, 42]});
if (map.getZoom() > 16) {
map.setZoom(16);
}