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.73558237121465, 135.37739753723147], '<a href="//www.kiilife.jp/opendata/map/?id=13899" class="iframe">社会福祉法人 田辺市社会福祉協議会</a>', 1);
SetMaker([33.7293201, 135.48366399999998], '<a href="//www.kiilife.jp/opendata/map/?id=10886" class="iframe">田辺市社会福祉協議会　大塔地区事務所</a>', 2);
SetMaker([33.790652, 135.516574], '<a href="//www.kiilife.jp/opendata/map/?id=10587" class="iframe">田辺市社会福祉協議会　中辺路地区事務所</a>', 3);
SetMaker([33.8801738, 135.47045609999998], '<a href="//www.kiilife.jp/opendata/map/?id=10577" class="iframe">田辺市社会福祉協議会　龍神地区事務所</a>', 4);
SetMaker([33.8380312, 135.77187279999998], '<a href="//www.kiilife.jp/opendata/map/?id=10887" class="iframe">田辺市社会福祉協議会　本宮地区事務所</a>', 5);
map.addLayer(markers);

// add an OpenStreetMap tile layer
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

map.fitBounds(bounds, {paddingTopLeft: [0, 42]});
if (map.getZoom() > 16) {
    map.setZoom(16);
}