HTML5怎么實(shí)現(xiàn)地理定位

這篇文章主要介紹“HTML5怎么實(shí)現(xiàn)地理定位”，在日常操作中，相信很多人在HTML5怎么實(shí)現(xiàn)地理定位問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”HTML5怎么實(shí)現(xiàn)地理定位”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作的開(kāi)發(fā)，更需要了解用戶，從用戶角度來(lái)建設(shè)網(wǎng)站，獲得較好的用戶體驗(yàn)。成都創(chuàng)新互聯(lián)多年互聯(lián)網(wǎng)經(jīng)驗(yàn)，見(jiàn)的多，溝通容易、能幫助客戶提出的運(yùn)營(yíng)建議。作為成都一家網(wǎng)絡(luò)公司，打造的就是網(wǎng)站建設(shè)產(chǎn)品直銷的概念。選擇成都創(chuàng)新互聯(lián)，不只是建站，我們把建站作為產(chǎn)品，不斷的更新、完善，讓每位來(lái)訪用戶感受到浩方產(chǎn)品的價(jià)值服務(wù)。

本文實(shí)例講述了html5獲取地理定位的方法，分享給大家供大家參考。具體方法如下：

html5 獲取坐標(biāo)代碼如下：

代碼如下:

<!DOCTYPE HTML>
<html>
<head>
<title>test1.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

</head>
<body>
<div id="demo">點(diǎn)擊這個(gè)按鈕，獲得您的坐標(biāo)：</div>
<button onclick="getLocation()">試一下</button>
<script type="text/javascript">

var x=document.getElementById("demo");
function getLocation(){
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition);
}else{
x.innerHTML="瀏覽器不支持?。。?quot;;
}
}
function showPosition(position){
x.innerHTML="Latitude: "+position.coords.latitude+"<br/>Longitude: "+position.coords.longitude;
}
</script>

</body>
</html>

經(jīng)測(cè)試，在IE9 、firefox、chrome、opera上都可以成功獲取到坐標(biāo)位置，但是safari 5.x上卻不能返回坐標(biāo)，暫時(shí)木有找到原因。成功的案例里頭，chrome響應(yīng)的速度最快，其次是opera，然后是IE9，firefox居然是最慢的。個(gè)人表示對(duì)firefox很失望，不過(guò)chrome倒是越來(lái)棒了。

到此，關(guān)于“HTML5怎么實(shí)現(xiàn)地理定位”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

文章標(biāo)題：HTML5怎么實(shí)現(xiàn)地理定位
網(wǎng)站鏈接：http://muchs.cn/article12/johcgc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、App開(kāi)發(fā)、網(wǎng)站內(nèi)鏈、自適應(yīng)網(wǎng)站、App設(shè)計(jì)、動(dòng)態(tài)網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容