如何正确添加按钮，以便仅在单击按钮后才激活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>
只需将HTML更改为：
<button id="Btn1">Get Current Position </button>
并将其添加到您的jQuery：
$('#Btn1').click(function(){
navigator.geolocation.getCurrentPosition(onSuccess, onError);
});
这是一个有效的演示：https : //jsfiddle.net/xnd509f2/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句