您現在的位置是:電腦技術吧?>? 故障問題 ??>??html5獲取地理位置,html5顯示地理位置??>??正文詳情

html5獲取地理位置,html5顯示地理位置

箕麗珠2019-11-14 01:41:09 人圍觀
簡介html5精確位置代碼如下:/**以下是HTML5代碼。獲取地理位置*/function Get location(){//檢查瀏覽器是否支持地理位置if(navigator)。html5地理位置偏差

代碼如下:/** * 以下為html5代碼,獲取地理位置 */ function getLocation() { //檢查瀏覽器是否支持地理位置獲取 if (navigator.geolocation) { //若支持地理位置獲取,成功調用showPosition(),失敗調用showError // alert(正在努力獲取位置...); var config = { enableHighAccuracy: true, timeout: 5000, maximumAge: 30000 }; navigator.geolocation.getCurrentPosition(showPosition, showError, config); } else { //alert(Geolocation is not supported by this browser.); alert(定位失敗,用戶已禁用位置獲取權限); } } /** * 獲取地址位置成功 */ function showPosition(position) { //獲得經度緯度 var x = position.coords.latitude; var y = position.coords.longitude; //配置Baidu Geocoding API var url = http://api.map.baidu.com/geocoder/v2/?ak=C93b5178d7a8ebdb830b9b557abce78b callback=renderReverse location= x , y output=json pois=0; $.ajax({ type: GET, dataType: jsonp, url: url, success: function (json) { if (json == null || typeof (json) == undefined) { return; } if (json.status != 0) { return; } setAddress(json.result.addressComponent); }, error: function (XMLHttpRequest, textStatus, errorThrown) { alert([x: x ,y: y ]地址位置獲取失敗,請手動選擇地址); } }); } /** * 獲取地址位置失敗[暫不處理] */ function showError(error) { switch (error.code) { case error.PERMISSION_DENIED: alert(定位失敗,用戶拒絕請求地理定位); //x.innerHTML = User denied the request for Geolocation.[用戶拒絕請求地理定位] break; case error.POSITION_UNAVAILABLE: alert(定位失敗,位置信息是不可用); //x.innerHTML = Location information is unavailable.[位置信息是不可用] break; case error.TIMEOUT: alert(定位失敗,請求獲取用戶位置超時); //x.innerHTML = The request to get user location timed out.[請求獲取用戶位置超時] break; case error.UNKNOWN_ERROR: alert(定位失敗,定位系統失效); //x.innerHTML = An unknown error occurred.[未知錯誤] break; } } /** * 設置地址 */ function setAddress(json) { var position = document.getElementById(txtPosition); //省 var province = json.province; //市 var city = json.city; //區 var district = json.district; province = province.replace('市', ''); position.value = province , city , district; position.style.color = 'black'; }

版權聲明:本文由 箕麗珠 整理編輯。

原標題:html5地理位置定位,html5地理位置

轉載注明出處:http://www.dn9ww09s.icu/fault/12008.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 不重裝系統怎么分區,重裝系統分區教程

    不重裝系統怎么分區,重裝系統分區教程 相關圖片重裝系統硬盤分區相信很多朋友都遇到過重新安裝系統沒有分區的問題,那么在系統找不到分區的情況下,如何解決這個問題呢?小編還遇到了系統在重裝系統中找不到分區的問題,目...

  • 網頁有哪幾部分組成,什么是網頁

    網頁有哪幾部分組成,什么是網頁 相關圖片網頁的基本內容和構成網頁中的信息主要是文本。在網頁中,可以按字體、大小、顏色、底紋、邊框等設置文本屬性。此處所指的文本是文本的文本,而不是圖片中的文本。在網頁制作...

  • 好的筆記本電腦推薦,筆記本電腦哪個好用

    好的筆記本電腦推薦,筆記本電腦哪個好用 相關圖片筆記本電腦推薦對于小白來說,難點在于不知道什么樣的預算能滿足需求,什么樣的性能參數能滿足需求,什么樣的電腦才是性價比高的?哪個品牌比較好,應該購買哪個渠道?要解決...

  • ssd是固態硬盤嗎,m.2固態硬盤比ssd快嗎

    ssd是固態硬盤嗎,m.2固態硬盤比ssd快嗎 相關圖片英睿達ssd固態硬盤相信很多朋友慢慢了解并開始使用SSD,它的速度和節能功能勢必會取代傳統的機械硬盤,那么如何安裝和使用SSD呢?有些用戶不知道如何使用SSD。這是一個詳細介紹S...

  • 即和即的區別,那和哪的區別

    即和即的區別,那和哪的區別 相關圖片二和倆的區別HTML5是HTML標準的下一個版本。雖然HTML5并沒有完全顛覆html4,但它們之間還是有一些區別的。請參閱http://dev.w3.org/html5/必須和必需的區別...

  • 如何用光盤重裝系統,光盤裝系統步驟圖解win7

    如何用光盤重裝系統,光盤裝系統步驟圖解win7 相關圖片u盤裝系統步驟圖解win7您想知道用CD重新安裝系統的最佳方法是什么嗎?雖然目前主流的是U盤系統,而不是CD-ROM系統,但還是有很多用戶更喜歡使用CD-ROM系統來重新安裝系統。有網友無需...

  • 表格寬度怎么調整,如何調整單元格的寬度和高度

    表格寬度怎么調整,如何調整單元格的寬度和高度 相關圖片單元格高度怎么設置默認情況下,表格的寬度和高度會根據內容自動調整。我們還可以手動設置桌子的寬度和高度。基本語法table width=value height=value語法說明excel表格高度怎么調...

  • 筆記本電腦怎么連接wifi,筆記本電腦無法連接wifi

    筆記本電腦怎么連接wifi,筆記本電腦無法連接wifi 相關圖片臺式電腦怎么連wifi有很多朋友在平時上網過程中遇到筆記本電腦無法連接WiFi的問題。或許有網友不理解筆記本電腦無法連接WiFi的問題。事實上,別擔心。今天,一個小編輯會告訴你電...

  • html正則表達式,html正則表達式怎么用

    html正則表達式,html正則表達式怎么用 相關圖片regex正則表達式代碼示例如下所示:%option explicitfunction striphtml(strhtml)'從strhtmldim objregexp、strou正則表達式或者...

  • mdb文件如何打開,mdb文件可以以什么方式打開

    mdb文件如何打開,mdb文件可以以什么方式打開 相關圖片arcgis打開mdb文件在使用計算機時,我們經常會遇到一些文件,其中比較常見的是mdb文件。很多用戶不知道mdb文件是什么,實際上它是微軟的一個數據庫文件。如何在系統中打開mdb文件?...

熱評文章

  • 筆記本電腦怎樣設置桌面圖標,怎么修改我的電腦圖標

    筆記本電腦怎樣設置桌面圖標,怎么修改我的電腦圖標 相關圖片怎么更改電腦程序圖標更改桌面圖標可以使您的桌面更加個性化。您可以將其更改為計算機上的原始圖標。你只需要改變它。您還可以在Internet上搜索一些圖標,下載您喜愛的圖片,然后...

  • 電腦沒聲音了怎么解決,電腦不出聲音怎么解決

    電腦沒聲音了怎么解決,電腦不出聲音怎么解決 相關圖片電腦的聲音怎么打開電腦里沒有聲音怎么了?這個問題一定會困擾許多朋友。因為電腦里沒有聲音,很多網友認為有必要重新安裝電腦系統來解決這個問題。事實上,這是費時費力的。...

  • session的存儲方式,session幾種存儲方式

    session的存儲方式,session幾種存儲方式 相關圖片session存儲數據因此,session storage不是持久的本地存儲,而是會話級存儲。local storage用于持久本地存儲。除非數據被主動刪除,否則數據永遠不會過期I.session的值存儲在哪里...

  • win7電腦無法安裝軟件,很多軟件電腦無法安裝

    win7電腦無法安裝軟件,很多軟件電腦無法安裝 相關圖片電腦無法安裝應用程序最近,我看到一個用戶在貼吧上發帖。安裝計算機后,無法安裝某些軟件。我太無聊了,問我是否可以在上次安裝后關閉所有程序。我在等著用電腦。我的一些朋...

  • 新特性,Css3新特性

    新特性,Css3新特性 相關圖片es5新特性已經是2014年了。現在談論HTML5的新功能已經太遲了。然而,在介紹HTML5的書中很少看到這些,但是它們可以很容易地應用到自己的網站上。因此,特別介紹了DNHtml5新特性...

  • 0x0000007e藍屏代碼,0x000000be藍屏代碼

    0x0000007e藍屏代碼,0x000000be藍屏代碼 相關圖片電腦藍屏代碼0x0000001e在我們日常使用的電腦中,我們有時會遇到藍屏的情況,但藍屏產生的原因是多方面的。不同的原因導致不同的藍屏解決方案。藍屏代碼是顯示原因的,所以藍屏出...

  • html5提示框,html搜索框功能實現

    html5提示框,html搜索框功能實現 相關圖片html搜索框讓我們先看看它們的不同顯示,這里是Firefox的截圖:這里是chrome的截圖:您可以猜到您編寫的代碼肯定是不兼容的。不過,你會發現這很簡單。即使您是一個前端html怎么做搜...

  • 新固態硬盤裝系統教程,固態硬盤重裝系統教程

    新固態硬盤裝系統教程,固態硬盤重裝系統教程 相關圖片換固態硬盤要重裝系統嗎有用戶問小編,重裝系統固態硬盤的方法有哪些?實際上,有一個關于固態硬盤安裝的系統的圖片和文本教程非常簡單。win7重新安裝系統的固態硬盤有哪些圖片...

  • 電腦安全模式怎么解除,電腦安全模式怎么退出

    電腦安全模式怎么解除,電腦安全模式怎么退出 相關圖片電腦安全模式進不去如果計算機硬件驅動程序或網絡有問題,則必須轉到安全模式才能進行修復、刪除和其他操作。進入安全模式后,許多人知道如何操作。如何退出?恐怕我不太了解...

  • 什么是優化,優化應用對手機有沒有影響

    什么是優化,優化應用對手機有沒有影響 相關圖片對人員優化首先,我們應該對HTML5有一個大致的了解。HTML5是第五代W3C的核心語言,通常被稱為HTML代碼。這是HTML4.01的一個新變化,或者是為了彌補以前版本大數據能優化嗎...

關注微信

变脸官网查询