function iconClick() {
var clickCount = 0;
var mymap = L.map("mymap").setView([38.891, 139.824], 14);
L.tileLayer('//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution:
'© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(mymap);
var moguraxIcon = L.icon({
iconUrl:"mogurax.png",
iconSize:[75,75],
iconAnchor:[37,75],
popupAnchor:[0,-70]
});
var moguraIcon = L.icon({
iconUrl:"mogura.png",
iconSize:[75,75],
iconAnchor:[37,75],
popupAnchor:[0,-70]
});
//var marker = L.marker([38.919584, 139.827638],{icon:moguraIcon}).addTo(mymap).bindPopup("日和山公園");
//var p1 = L.marker([38.91463864,139.83655262],{icon:moguraIcon}).addTo(mymap).bindPopup("市役所");
var p1 = L.marker([38.902518,139.820064],{icon:moguraIcon}).addTo(mymap).bindPopup("ト一屋高見台店");
var p3 = L.marker([38.893482,139.819486],{icon:moguraIcon}).addTo(mymap).bindPopup("公益大");
var p4 = L.marker([38.890760,139.854155],{icon:moguraIcon}).addTo(mymap).bindPopup("日本海病院");
var p5 = L.marker([38.906964,139.831553],{icon:moguraIcon}).addTo(mymap).bindPopup("市営体育館");
var p = L.marker([38.922029,139.846108],{icon:moguraIcon}).addTo(mymap).bindPopup("酒田駅");
var point = 0 ;
p.on('click', function(){
if (p.getIcon() === moguraIcon) {
p.setIcon(moguraxIcon);
point ++;
}
});
// var point = 0;
// function ClickEvent (e){
// point ++;
// }
// var msg = null;
//msg.innerText = `残り ${point}秒`;
// 3. Marker-Instanceに対して、.on('click', CallBackFunc) でClickイベントの関数を登録!
// const siyakusyo = L.marker([38.91463864,139.83655262]).addTo(map).on('click', (e) => {
// ClickEvent(e);
// });
var marker = L.marker([38.919584, 139.827638]).addTo(mymap).bindPopup('地図上のどこかをクリックしてください').openPopup();
function moveIcon(e) {
marker.setLatLng(e.latlng).bindPopup(
++clickCount + "回目のクリックです.\n" + e.latlng
).openPopup();
}
mymap.on('click', moveIcon);
}
document.addEventListener("DOMContentLoaded", iconClick);
var log = function(){
console.log("test");
};
setTimeout(log, 3000);