html5實(shí)現(xiàn)地圖上定位導(dǎo)航路線

html5實(shí)現(xiàn)地圖上定位導(dǎo)航路線方法如下：

為萬源等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及萬源網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、萬源網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

1.先通過百度拾取坐標(biāo)系統(tǒng)獲得點(diǎn)位的坐標(biāo)。

2.在網(wǎng)頁的head中插入百度API引用腳本。

script type="text/javascript" src="

key=v=1.1services=true"/script

3.在網(wǎng)頁的/body之后/html之前插入地圖顯示代碼。

4.設(shè)置顯示地圖的div的id為“dituContent”，即添加 id="dituContent"

由于jqm的div的高度都是根據(jù)內(nèi)容自由放大的，所以為了地圖能正常顯示，還需要

增加一個(gè)高度值，一般情況600px就可以，完成。

如何使用HTML5地理位置定位功能

地理位置獲取流程：

1、用戶打開需要獲取地理位置的web應(yīng)用。

2、應(yīng)用向?yàn)g覽器請求地理位置，瀏覽器彈出詢問窗口，詢問用戶是否共享地理位置。

3、假設(shè)用戶允許，瀏覽器從設(shè)別查詢相關(guān)信息。

4、瀏覽器將相關(guān)信息發(fā)送到一個(gè)信任的位置服務(wù)器，服務(wù)器返回具體的地理位置。

檢測瀏覽器支持：

JavaScript Code復(fù)制內(nèi)容到剪貼板

function loadDemo() {

if(navigator.geolocation) {

document.getElementById(“support”).innerHTML = “HTML5 Geolocation supported.”;

} else {

document.getElementById(“support”).innerHTML = “HTML5 Geolocation is not supported in

your browser.”;

}

}

位置請求方式：

單次請求

JavaScript Code復(fù)制內(nèi)容到剪貼板

navigator.geolocation.getCurrentPosition(updateLocation, handleLocationError, options);

回調(diào)函數(shù)updateLocation接受一個(gè)對(duì)象參數(shù)，表示當(dāng)前的地理位置，它有如下屬性：

latitude——緯度

longitude——精度

accuracy——精確度，單位米

altitude——高度，單位米

altitudeAccuracy——高度的精確地，單位米

heading—運(yùn)動(dòng)的方向，相對(duì)于正北方向的角度

speed——運(yùn)動(dòng)的速度（假設(shè)你在地平線上運(yùn)動(dòng)），單位米/秒

回調(diào)函數(shù)handleLocationError接受錯(cuò)誤對(duì)象，error.code是如下錯(cuò)誤號(hào)。

UNKNOWN_ERROR (error code 0) —— 錯(cuò)誤不在如下三種之內(nèi)，你可以使用error.message獲取錯(cuò)誤詳細(xì)信息。

PERMISSION_DENIED (error code 1)—— 用不選擇不共享地理位置

POSITION_UNAVAILABLE (error code 2) ——無法獲取當(dāng)前位置

TIMEOUT (error code 3) ——在指定時(shí)間無法獲取位置會(huì)觸發(fā)此錯(cuò)誤。

第三個(gè)參數(shù)options是可選參數(shù)，屬性如下：

enableHighAccuracy——指示瀏覽器獲取高精度的位置，默認(rèn)為false。當(dāng)開啟后，可能沒有任何影響，也可能使瀏覽器花費(fèi)更長的時(shí)間獲取更精確的位置數(shù)據(jù)。

timeout——指定獲取地理位置的超時(shí)時(shí)間，默認(rèn)不限時(shí)。單位為毫秒。

maximumAge——最長有效期，在重復(fù)獲取地理位置時(shí)，此參數(shù)指定多久再次獲取位置。默認(rèn)為0，表示瀏覽器需要立刻重新計(jì)算位置。

html5地理定位基于什么原理

html5地理定位原理：

使用IP地址；基于Web的數(shù)據(jù)庫；無線網(wǎng)絡(luò)連接定位；三角測量；GPS技術(shù)；

來測量經(jīng)度和緯度。（綜合了所有技術(shù)）

地理定位的精確度，

有很多方法可以定位用戶的地理位置，并且每種方法都有不同的精度。

桌面瀏覽器一般會(huì)使用WiFi（精確到20m）或者IP定位（只能精確到城市級(jí)別，并且有可能是假地址）。

移動(dòng)裝置一般會(huì)使用GPS（精確到10m并且只能在外部使用），

WiFi或GSM/CDMA網(wǎng)絡(luò)信號(hào)定位（精確到1000m）。