如题所述
<!DOCTYPE html>
<html>
<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>
1ãæ£æµæ¯å¦æ¯æå°çå®ä½
2ãå¦ææ¯æï¼åè¿è¡ getCurrentPosition() æ¹æ³ãå¦æä¸æ¯æï¼ååç¨æ·æ¾ç¤ºä¸æ®µæ¶æ¯ã
3ãå¦ægetCurrentPosition()è¿è¡æåï¼åååæ°showPositionä¸è§å®çå½æ°è¿åä¸ä¸ªcoordinates对象
4ãshowPosition() å½æ°è·å¾å¹¶æ¾ç¤ºç»åº¦å纬度
<html>
<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>
1ãæ£æµæ¯å¦æ¯æå°çå®ä½
2ãå¦ææ¯æï¼åè¿è¡ getCurrentPosition() æ¹æ³ãå¦æä¸æ¯æï¼ååç¨æ·æ¾ç¤ºä¸æ®µæ¶æ¯ã
3ãå¦ægetCurrentPosition()è¿è¡æåï¼åååæ°showPositionä¸è§å®çå½æ°è¿åä¸ä¸ªcoordinates对象
4ãshowPosition() å½æ°è·å¾å¹¶æ¾ç¤ºç»åº¦å纬度
温馨提示:答案为网友推荐,仅供参考