當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

在html5中，用于获得用户当前位置的方法

發(fā)布時間：2024/1/8 编程问答 34 豆豆

生活随笔收集整理的這篇文章主要介紹了在html5中，用于获得用户当前位置的方法小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

轉(zhuǎn)：https://zhidao.baidu.com/question/1048435511310408299.html

<!DOCTYPE?html>

<html>

<body>

<p?id="demo">點(diǎn)擊這個按鈕，獲得您的坐標(biāo)：</p>

<button?onclick="getLocation()">試一下</button>

/*????例子解釋：

????檢測是否支持地理定位

????如果支持，則運(yùn)行?getCurrentPosition()?方法。如果不支持，則向用戶顯示一段消息。

????如果getCurrentPosition()運(yùn)行成功，則向參數(shù)showPosition中規(guī)定的函數(shù)返回一個coordinates對象

????showPosition()?函數(shù)獲得并顯示經(jīng)度和緯度?*/

????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>

以上是生活随笔為你收集整理的在html5中，用于获得用户当前位置的方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。