<!DOCTYPE html> <html> <head> </head> <body> <p id="demo">点击这个按钮，获得您的坐标：</p> <button onclick="getLocation()">试一下</button> <script> var x=document.getElementById("demo"); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else{x.innerHTML="Geolocation is not supported by this browser.";} } function showPosition(position) { x.innerHTML="Latitude: " + position.coords.latitude + "<br />Longitude: " + position.coords.longitude; } </script> </body> </html>
只有在手机上测试才准确
if(navigator.geolocation)表示是否支持地理位置
getCurrentPosition（）是HTML5中的方法用来获取用户的位置
也可以用watchPosition()来代替：返回用户的当前位置，并继续返回用户移动时的更新位置