diff --git a/map/Appn/markerlayer.js b/map/Appn/markerlayer.js index c93b47d..9c4a9eb 100644 --- a/map/Appn/markerlayer.js +++ b/map/Appn/markerlayer.js @@ -3,31 +3,3 @@ attribution: '国土地理院' }).addTo(mymap); - - -var start = null, goal = null; // 測定始点と終点 -var sMarker, gMarker; // 始点終点マーカ -function startOrGoal(e) { - var info = document.getElementById("info"); - var imsg = "北緯 "+e.latlng.lat+" 東経 "+e.latlng.lng; - if (!start) { // 始点未設定なら - start = e.latlng; // クリックされた緯度経度 - // 始点マーカを生成しマップに貼り付けポップアップ文字列を登録 - sMarker = L.marker(start).addTo(mymap).bindPopup(imsg); - info.innerHTML = imsg; // 情報表示 - } else if (!goal) { - goal = e.latlng; - let lng1 = start.lng, lat1 = start.lat, // 緯度経度を個別に取得 - lng2 = goal.lng, lat2 = goal.lat; - // 終点マーカを生成しマップに貼り付けポップアップ文字列を登録 - gMarker = L.marker(goal).addTo(mymap).bindPopup(imsg); - let d = distance(lng1, lat1, lng2, lat2); // 距離を計算 - info.innerHTML = "距離: "+Math.round(d*100)/100+"m"; // 表示 - } else { // 始点終点ともに存在するとき - sMarker.remove(mymap); // 始点マーカの除去 - gMarker.remove(mymap); // 終点マーカの除去 - start = goal = sMarker = gMarker = null; - info.innerHTML = "クリアしました"; - } -} -mymap.addEventListner('click', startOrGoal);