html5獲取地理位置百度(html5獲取地理位置和定位)
alert#39您的位置#39++#39,#39+var pt = rpointvar geoc = new BMapGeocodergeocgetLocationpt, functionrs var addComp = rsaddressComponentsalertaddCompprovince +;只要手機(jī)有GPS模塊,Geolocation就能用Geolocation接口只有一個(gè)問題,就是在調(diào)用時(shí),會(huì)彈出一個(gè)對話框,需要用戶確認(rèn)權(quán)限,才能使用,否則會(huì)調(diào)用失敗下圖可以看到,Geolocation接口被支持的非常好;1首先第一步就是要進(jìn)行初始化時(shí)調(diào)用獲取地理位置,輸入$functionstartgps2接著就是要獲取地理位置,function startgps判斷是否支持if navigatorgeolocationshowgps3然;html5有個(gè)getCurrentPosition方法,可以獲取用戶的地理位置,然后還有兩種存儲方式 localStorage 沒有時(shí)間限制的數(shù)據(jù)存儲 sessionStorage 針對一個(gè) session 的數(shù)據(jù)存儲 具體的例子你可以查找一下;在支持html5地理定位API的瀏覽器上,windownavigator對象新增了一個(gè)geolocation屬性,以及相關(guān)的Geolocation API都是用JS進(jìn)行訪問的下面是一個(gè)例子lt!doctype html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot;HTML5新特性如下1脫機(jī)緩存您可以在關(guān)閉瀏覽器并再次打開時(shí)還原數(shù)據(jù),以減少網(wǎng)絡(luò)流量2音頻和視頻可以自由嵌入,多媒體形式更加靈活3地理位置地理位置定位使得定位導(dǎo)航不再是專屬導(dǎo)航軟件,地圖也不需要下載很大的;幸運(yùn)的是百度地圖和谷歌地圖等提供了這方面的接口,我們只需要將HTML5獲取到的經(jīng)緯度信息傳給地圖接口,則會(huì)返回用戶所在的地理位置,包括省市區(qū)信息,甚至有街道門牌號等詳細(xì)的地理位置信息我們首先在頁面定義要展示地理位。
百度地圖提供了專業(yè)的API,測試瀏覽器ie11定位成功率100%,Safari定位成功率97%其它瀏覽器暫時(shí)不行,HTML5獲取不了地理位置信息;獲取地理位置的步驟步驟一調(diào)用位置函數(shù)function get_location show_map, handle_error, PositionOptions步驟二獲取地理位置function show_mapposition var latitude = p;跟例子沒關(guān)系,是最近GOOGLE被封的原因。
我查看了下源碼解決了,主要代碼如下啟用數(shù)據(jù)庫webSettingssetDatabaseEnabledtrueStringdir=thisgetApplicationContextgetDirquotdatabasequot,ContextMODE_PRIVATEgetPath啟用地理定位;地理位置Geolocation是 HTML5 的重要特性之一,提供了確定用戶位置的功能,借助這個(gè)特性能夠開發(fā)基于位置信息的應(yīng)用今天這篇文章向大家介紹一下 HTML5 地理位置定位的基本原理及各個(gè)瀏覽器的數(shù)據(jù)精度情況在訪問位置信息前;timeout設(shè)置獲取位置信息時(shí)的最長連接時(shí)間maximumAge設(shè)置緩存本次位置的時(shí)長,以便下次讀取 寫這么多不容易,選我最佳啊,再分享你個(gè)學(xué)習(xí)的video,視頻的系列名稱叫做 Buid New World里面第七集叫HTML 5 Audio;HTML5中獲取地址可以使用 getCurrentPosition 方法來獲得用戶的位置Internet Explorer 9FirefoxChromeSafari 以及 Opera 支持地理定位下例是一個(gè)簡單的地理定位實(shí)例ltp id=quotdemoquot點(diǎn)擊這個(gè)按鈕,獲得您的坐標(biāo)lt;1獲取百度地理位置坐標(biāo),首先在搜索引擎中搜索2搜索結(jié)果頁面如下,點(diǎn)擊第一個(gè)鏈接3接著打開的界面如下,鼠標(biāo)放到自己要獲取的地理位置4比如選擇的是地壇公園,如下圖紅色的區(qū)域,點(diǎn)擊地壇公園5上面就會(huì)有它。
代碼如下 以下為html5代碼,獲取地理位置 function getLocation 檢查瀏覽器是否支持地理位置獲取 if navigatorgeolocation 若支持地理位置獲取,成功調(diào)用showPosition,失敗調(diào)用showError alertquot正在;lthtml ltbody ltp id=quotdemoquot點(diǎn)擊這個(gè)按鈕,獲得您的坐標(biāo)ltp ltbutton onclick=quotgetLocationquot試一下ltbutton ltscript var x=documentgetElementByIdquotdemoquotfunction getLocation if navigator。
html5用戶如果拒絕獲取經(jīng)緯度之后頁面加載一直提示拒絕獲取經(jīng)緯度,怎麼獲取權(quán)限,頁面每次加載都能 由于涉及到隱私以及安全方面的考慮,在使用geolocation進(jìn)行定位的時(shí)候,瀏覽器會(huì)詢問用戶是否允許共享位置信息當(dāng)用戶進(jìn)行“允許”。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。