function EmbedDamcardMap(p, w, h) { var self = this; self.places = p; self.map = null; self.width = (w) ? w : '80'; self.height = (h) ? h : '250'; self.initialize(); } EmbedDamcardMap.prototype.initialize = function() { var self = this; document.write('
'); var head = document.getElementsByTagName('head')[0]; var css = document.createElement('link'); css.rel = 'stylesheet'; head.appendChild(css); css.href = 'https://unpkg.com/leaflet@1.3.0/dist/leaflet.css'; var js = document.createElement('script'); js.src = 'https://unpkg.com/leaflet@1.3.0/dist/leaflet.js'; head.appendChild(js); var loaded = false; js.onload = js.onreadystatechange = function() { if (!loaded && (!this.readyState || self.readyState === "loaded" || self.readyState === "complete")) { loaded = true; self.view(); loaded.onload = loaded.onreadystatechange = null; if (js.parentNode) { head.removeChild(js); } } }; }; EmbedDamcardMap.prototype.view = function() { var self = this; self.marker = L.icon({iconUrl: 'https://damcard.net/img/pin.embed.png', iconSize: [32,40], iconAnchor: [16, 40]}); self.map = L.map('embeddamcardmap', { center: [35.41, 139.45], zoom: 14 }) self.map.addLayer(new L.tileLayer('//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© OpenStreetMap contributors | Powered by ダムこれ!'})); self.addMarkers(); } EmbedDamcardMap.prototype.addMarkers = function() { var self = this; if (!self.places) { return; } var b = null; self.map.panTo([self.places[0][1], self.places[0][2]], {animate: false}); b = self.map.getBounds(); for (var i = self.places.length; i; i --) { var p = self.places[i - 1]; self.addMarker(p); b.extend([p[1] - 0.004, p[2] - 0.004]); b.extend([parseFloat(p[1]) + 0.004, parseFloat(p[2]) + 0.004]); } self.map.fitBounds(b); } EmbedDamcardMap.prototype.addMarker = function(p) { var self = this; L.marker([p[1], p[2]], {title: p[0], icon:self.marker}).on('click', function() { self.navigate(p[3]); }).on('dblclick', function() { self.navigate(p[3]); }).addTo(self.map); if (p[4]) { var l = L.marker([p[1], p[2]], {title: p[0], icon: L.divIcon({iconSize: [21,6], iconAnchor: [11, 35], html: p[4]})}).on('click', function() { self.navigate(p[3]); }).on('dblclick', function() { self.navigate(p[3]); }).addTo(self.map); e = l.getElement(); e.style.background = 'none'; e.style.border = 'none'; e.style.fontWeight = 'bold'; e.style.color = '#fff'; e.style.textShadow = '0px 0px 2px #000'; e.style.fontSize = '15px'; e.style.textAlign = 'center'; } } EmbedDamcardMap.prototype.navigate = function(i) { window.open('https://damcard.net/dam/' + i + '/', '_blank'); } var embeddamcardmap = new EmbedDamcardMap([["\u795e\u7530\u5ddd\u30fb\u74b0\u72b6\u4e03\u53f7\u7dda \u5730\u4e0b\u8abf\u7bc0\u6c60","35.68568368599926","139.65443996631205","u13-01",1],["\u548c\u7530\u5800\u7b2c\u4e09\u8abf\u7bc0\u6c60","35.68595382806993","139.6449717684908","u13-02",2],["\u5999\u6b63\u5bfa\u5ddd\u7b2c\u4e00\u8abf\u7bc0\u6c60","35.721421632984516","139.6741542025688","u13-03",3],["\u5bcc\u58eb\u898b\u6c60\u8abf\u7bc0\u6c60","35.72741414193571","139.56816671336006","u13-04",4],["\u767d\u5b50\u5ddd\u5730\u4e0b\u8abf\u7bc0\u6c60","35.757602821126724","139.59901748144503","u13-05",5],["\u834f\u539f\u8abf\u7bc0\u6c60","35.627863144407556","139.71635876141227","u13-06",6],["\u53e4\u5ddd\u5730\u4e0b\u8abf\u7bc0\u6c60","35.64638352434766","139.72787884912958","u13-07",7],["\u91d1\u5c71\u8abf\u7bc0\u6c60","35.79099143301671","139.52411411250557","u13-08",8]],'100','450');