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

創(chuàng)新互聯(lián)專注于湯陰企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站建設(shè),成都做商城網(wǎng)站。湯陰網(wǎng)站建設(shè)公司,為湯陰等地區(qū)提供建站服務(wù)。全流程按需網(wǎng)站建設(shè)，專業(yè)設(shè)計，全程項目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

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

    定位用戶的位置

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

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

    瀏覽器支持

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

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

    HTML5-使用地理定位

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

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

    實例

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 + 

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

}

    實例解析:

    檢測是否支持地理定位

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

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

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

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

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