document.addEventListener("DOMContentLoaded", () => { var mymap = L.map("mymap").setView([38.919, 139.828], 17); L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png', { attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' }).addTo(mymap); var gpsmarker = L.marker(mymap.getCenter()).addTo(mymap); gpsmarker.bindPopup("START").openPopup(); var nTrial = 10; var watchId = null; var point = 0; var titen = []; var marker = []; var x =[[38.915854,139.834638],[39.424245,139.422343],[38.4234232,139.3232923]]; for (var i in x){ titen[i]=L.latLng(x[i]); marker[i]=L.marker(x[i]).bindPopup(`地点${i}`).addTo(mymap); } //localstorage if (localStorage.getItem('sengoku')!==0){ let img = document.getElementById("image"); img.src = "image/sengoku.png"; } //GPSの取得に関するコード function stopGPS() { console.log("watchId="+watchId); if (watchId !== null) { navigator.geolocation.clearWatch(watchId); gpsmarker.setPopupContent("止めました"); } watchId = null; } function tryWatchGPS() { stopGPS(); watchId = navigator.geolocation.watchPosition( onSuccess,onError,{ maximumAge: 0, timeout: 3000, enableHighAccuracy: true}); } function onSuccess(pos) { var latlng = L.latLng([pos.coords.latitude, pos.coords.longitude]); mymap.panTo(latlng); console.log(latlng); gpsmarker.setLatLng(latlng).setPopupContent( "ここは lat="+latlng.lat+", lng="+latlng.lng+"です" ).openPopup(); console.log(latlng.distanceTo(x)); if (latlng.distanceTo(x) < 30) { let sengoku =localStorage.getItem('sengoku'); if (sengoku === 0) { alert("スタンプゲット!!"); } stampget(); } } function onError(err) { restN = "あと"+(--nTrial)+"回試行します"; gpsmarker.setPopupContent("捕捉失敗:"+restN).openPopup(); if (nTrial <= 0) { navigator.geolocation.clearWatch(watchId); stopGPS; } } //スタンプゲットの判定 function stampget(){ let img = document.getElementById("image"); let sengoku = localStorage.getItem('sengoku'); if (sengoku === 0) { img.src = "image/sengoku.png"; localStorage.setItem('sengoku',1); } } function resetstamp() { let img = document.getElementById("image"); localStorage.removeItem('sengoku'); localStorage.setItem('sengoku',0); img.src = "image/img.png"; } //マップクリックで移動できるようにする mymap.options.singleClickTimeout = 250; mymap.on('singleclick', function(e) { if (true){ latlng = L.latLng(e.latlng); gpsmarker.setLatLng(e.latlng); mymap.panTo(e.latlng); console.log(e.latlng); gpsmarker.setLatLng(e.latlng).setPopupContent( "lat="+latlng.lat+", lng="+latlng.lng+"" ).openPopup(); } console.log(latlng.distanceTo(titen[1])); if (latlng.distanceTo(titen[1]) < 30) { let sengoku =localStorage.getItem('sengoku'); if (sengoku === 0) { alert("スタンプゲット!!"); } stampget(); } }); document.getElementById("start").addEventListener("click", tryWatchGPS); document.getElementById("stop").addEventListener("click", stopGPS); document.getElementById("reset").addEventListener("click", resetstamp); }, false);