diff --git a/map/game/game.html b/map/game/game.html index b1ffa20..00ffbad 100644 --- a/map/game/game.html +++ b/map/game/game.html @@ -15,7 +15,7 @@ -

30秒ごとにgps情報を入手し歩行距離を計測します

+

gps情報を入手し歩行距離を計測します

スタートボタンを押して計測開始

diff --git a/map/game/game.js b/map/game/game.js index f9b7077..e87570f 100644 --- a/map/game/game.js +++ b/map/game/game.js @@ -26,16 +26,6 @@ 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 = 'クリアしました'; - } function stopGPS() { console.log("watchId="+watchId); @@ -108,16 +98,6 @@ 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 = 'クリアしました'; - } function measurePath(e) { // クリック時の主となる処理 var imsg = '北緯 '+e.latlng.lat+' 東経 '+e.latlng.lng; mymap.doubleClickZoom.disable(); // ダブルクリックズーム禁止 @@ -144,8 +124,9 @@ if (e.originalEvent.shiftKey) { // SHIFT+クリックで resetPath(e); // 終了 } - } + } + // STARTボタンに開始を仕込む + document.getElementById("start").addEventListener("click", tryWatchGPS); mymap.on('click', measurePath); // クリックイベントで measurePath() - // id="finish" のボタンクリックで「終了」 - document.getElementById('stop').addEventListener('click', resetPath); + document.getElementById('stop').addEventListener('click', stopGPS); },false);