HTML5怎么使用地理定位

本篇內(nèi)容主要講解“HTML5怎么使用地理定位”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“HTML5怎么使用地理定位”吧!

    HTML5Geolocation（地理定位）用于定位用戶的位置。

    定位用戶的位置

    HTML5GeolocationAPI用于獲得用戶的地理位置。

    鑒于該特性可能侵犯用戶的隱私，除非用戶同意，否則用戶位置信息是不可用的。

    瀏覽器支持

    nternetExplorer9+,Firefox,Chrome,Safari和Opera支持Geolocation（地理定位）.

    注意:Geolocation（地理定位）對(duì)于擁有GPS的設(shè)備，比如iPhone，地理定位更加精確。

    HTML5-使用地理定位

    請(qǐng)使用getCurrentPosition()方法來獲得用戶的位置。

    下例是一個(gè)簡單的地理定位實(shí)例，可返回用戶位置的經(jīng)度和緯度:

    實(shí)例

var x=document.getElementById("demo");

function getLocation()

{

    if (navigator.geolocation)

    {

        navigator.geolocation.getCurrentPosition(showPosition);

    }

    else

    {

        x.innerHTML="該瀏覽器不支持獲取地理位置。";

    }

}

function showPosition(position)

{

    x.innerHTML="緯度: " + position.coords.latitude + 

    "<br>經(jīng)度: " + position.coords.longitude;    

}

    實(shí)例解析:

    檢測是否支持地理定位

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

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

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

    上面的例子是一個(gè)非?；A(chǔ)的地理定位腳本，不含錯(cuò)誤處理。

到此，相信大家對(duì)“HTML5怎么使用地理定位”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！