ボタンをクリックした後でGPSの位置を上げる方法は？

Question

ボタンをクリックした後でGPSまたは地理位置が有効になるように、ボタンを正しく追加するにはどうすればよいですか？ここで

は私のコードです：

</p><button id="Btn1" onclick="getCurrentPosition();">Get Current Position </button></p> 
    <script> 
    document.addEventListener("deviceready", onDeviceReady, false); 
    function onDeviceReady() { 
     console.log("navigator.geolocation works well"); 
    } 

    // onSuccess Callback 
    // This method accepts a Position object, which contains the 
    // current GPS coordinates 
    // 
    function onSuccess (position) { 
     alert('Latitude: '   + position.coords.latitude   + '\n' + 
       'Longitude: '   + position.coords.longitude   + '\n' + 
       'Altitude: '   + position.coords.altitude   + '\n' + 
       'Accuracy: '   + position.coords.accuracy   + '\n' + 
       'Altitude Accuracy: ' + position.coords.altitudeAccuracy + '\n' + 
       'Heading: '   + position.coords.heading   + '\n' + 
       'Speed: '    + position.coords.speed    + '\n' + 
       'Timestamp: '   + position.timestamp    + '\n'); 
    }; 

    function onError(error) { 
     alert('code: ' + error.code + '\n' + 
       'message: ' + error.message + '\n'); 
    } 

    navigator.geolocation.getCurrentPosition(onSuccess, onError); 

    </script> 

</body> 

</html> 

Answer 1

は、単にあなたのHTMLを変更します。

<button id="Btn1">Get Current Position </button> 

そして、あなたのjQueryにこれを追加します。https://jsfiddle.net/xnd509f2/：ここ

$('#Btn1').click(function(){ 
     navigator.geolocation.getCurrentPosition(onSuccess, onError); 
}); 

は、作業のデモです