diff --git a/map/game/game.js b/map/game/game.js index 4a90d3c..c6ddacb 100644 --- a/map/game/game.js +++ b/map/game/game.js @@ -20,21 +20,21 @@ var info = document.getElementById('info'); // 情報表示用要素 function latlngdist(pos1, pos2) { // leaflet.js標準 distanceTo() - return pos1.distanceTo(pos2); // を利用して距離(m)を求める + return pos1.distanceTo(pos2); // を利用して距離(m)を求める } function updatedistance(delta) { // 距離の加算を行ない結果を - totalDist += delta; // info要素に距離を表示する - info.innerHTML = '距離: '+Math.round(totalDist*100)/100+'m'; + totalDist += delta; // info要素に距離を表示する + info.innerHTML = '距離: '+Math.round(totalDist*100)/100+'m'; } function resetPath() { // 初期状態に戻す - sMarker.remove(mymap); // 始点マーカの除去 - gMarker.remove(mymap); // 終点マーカの除去 - line.remove(mymap); // 軌跡Polylineの除去 - line = sMarker = gMarker = null; - path = []; - totalDist = 0; - mymap.doubleClickZoom.enable(); // ダブルクリックズーム許可 - info.innerHTML = 'クリアしました'; + sMarker.remove(mymap); // 始点マーカの除去 + gMarker.remove(mymap); // 終点マーカの除去 + line.remove(mymap); // 軌跡Polylineの除去 + line = sMarker = gMarker = null; + path = []; + totalDist = 0; + mymap.doubleClickZoom.enable(); // ダブルクリックズーム許可 + info.innerHTML = 'クリアしました'; } function stopGPS() { @@ -145,8 +145,9 @@ resetPath(e); // 終了 } } + + mymap.on('click', measurePath); // クリックイベントで measurePath() + mymap.on('contextmenu', removePoint); // 右クリックで removePoint() + // id="finish" のボタンクリックで「終了」 + document.getElementById('stop').addEventListener('click', resetPath); } -mymap.on('click', measurePath); // クリックイベントで measurePath() -mymap.on('contextmenu', removePoint); // 右クリックで removePoint() -// id="finish" のボタンクリックで「終了」 -document.getElementById('stop').addEventListener('click', resetPath);