ios10不能定位 window.navigator.geolocation.getCurrentPosition(定位第一節)

原文連接:

https://blog.csdn.net/michael_ouyang/article/details/54137709

---------------------------------------------------------?

問題分析:

目前由于許多蘋果用戶都升級到了iOS系統,蘋果的iOS 10已經正式對外推送,相信很多用戶已經更新到了最新的系統。然而,如果web站沒有及時支持https協議的話,當很多用戶在iOS 10下訪問很多網站時,會發現都無法進行正常精確定位,導致部分網站的周邊推薦服務無法正常使用。為何在iOS 10下無法獲取當前位置信息?這是因為在iOS 10中,蘋果對webkit定位權限進行了修改,所有定位請求的頁面必須是https協議的。如果是非https網頁,在http協議下通過html5原生定位接口會返回錯誤,也就是無法正常定位到用戶的具體位置,而已經支持https的網站則不會受影響。

?

? ?目前提供的解決方案:

? 1、將網站的http設置為Https。

? 2、通過第三方解決,這也是我目前使用的方法。

?

?

? ?首先看以下兩段代碼:


代碼段一:

? ? ? ? ??1、在頁面引入js

?

 
  1. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6yAoynmTPNlTBa8z1X4LfwGE"></script>

  2. <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>

?

?

? ? ? ? ?2、獲得定位方法??window.navigator.geolocation.getCurrentPosition:通過手機的webKit定位(目前ios系統對非https網站不提供支持)

?

 
  1. navigator.geolocation.getCurrentPosition(translatePoint); //定位

  2. function translatePoint(position) {

  3. var currentLat = position.coords.latitude;

  4. var currentLon = position.coords.longitude;

  5. SetCookie("curLat", currentLat, 1);//設置cookie

  6. SetCookie("curLng", currentLon, 1);//設置cookie

  7. var gpsPoint = new BMap.Point(currentLon, currentLat);

  8. ?
  9. var pt = new BMap.Point(currentLon, currentLat);

  10. var geoc = new BMap.Geocoder();

  11. geoc.getLocation(pt, function (rs) {

  12. var addComp = rs.addressComponents;

  13. SetCookie("curLat", currentLat, 1); //設置cookie

  14. SetCookie("curLng", currentLon, 1); //設置cookie

  15. //alert(JSON.stringify(addComp));

  16. var city = addComp.city;

  17. //獲得具體街道信息

  18. var texts = addComp.district + "-" + addComp.street + "-" + addComp.streetNumber;

  19. $("#nowRoad").text(texts);

  20. });

  21. }


?

?

代碼段二:

? ? ? ? ??1、在頁面引入js

?

 
  1. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6yAoynmTPNlTBa8z1X4LfwGE"></script>

  2. <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>

?

?

? ? ? ? ? ?2、獲得定位方法

?

 
  1. var geolocation = new BMap.Geolocation();

  2. geolocation.getCurrentPosition(function (r) {

  3. if (this.getStatus() == BMAP_STATUS_SUCCESS) {

  4. var mk = new BMap.Marker(r.point);

  5. currentLat = r.point.lat;

  6. currentLon = r.point.lng;

  7. SetCookie("curLat", currentLat, 1); //設置cookie

  8. SetCookie("curLng", currentLon, 1); //設置cookie

  9. var pt = new BMap.Point(currentLon, currentLat);

  10. var geoc = new BMap.Geocoder();

  11. geoc.getLocation(pt, function (rs) {

  12. var addComp = rs.addressComponents;

  13. SetCookie("curLat", currentLat, 1); //設置cookie

  14. SetCookie("curLng", currentLon, 1); //設置cookie

  15. ?
  16. var city = addComp.city;

  17. var addComp = rs.addressComponents;

  18. var texts = addComp.district + "-" + addComp.street + "-" + addComp.streetNumber;

  19. //獲取地理位置成功,跳轉

  20. ?
  21. });

  22. }

  23. });

?

以上兩端代碼中,最大的不同點在于:

第一段代碼使用的是

window.navigator.geolocation.getCurrentPosition()

此方法是通過UIwebview的內核webKit進行定位

?

第二段代碼使用的是

var geolocation = new BMap.Geolocation(); ?
geolocation.getCurrentPosition()

此方式是使用了百度api

附相關連接:http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html

?

?

另外,值得注意的一個問題是:

使用window.navigator.geolocation.getCurrentPosition()?獲取到的一個經緯度,還不能直接使用,還需要經過解密,才能獲取到準備的地理位置

想知道如何把這個位置進行解密轉換,請留意下一遍文章

http://blog.csdn.net/michael_ouyang/article/details/54378338

?

原文鏈接:http://blog.csdn.net/for12/article/details/52803787

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/537884.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/537884.shtml
英文地址,請注明出處:http://en.pswp.cn/news/537884.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

php網站無法顯示,php – 在UTF-8網站上無法正確顯示的字符

我已經完成了我能想到的一切,但是在這個網頁上沒有正確顯示特殊字符.例如,在數據庫中它是&#xff1a;但在網站上它是&#xff1a;Nouveaux R&#xfffd;alistes這是我檢查過的一切……數據庫設置為UTF-8&#xff1a;該頁面是用NetBeans編寫的,文檔編碼設置為UTF-8&#xff1a…

ios如何獲取gps坐標(定位第二節)

原文連接&#xff1a; https://blog.csdn.net/michael_ouyang/article/details/54378338 -------------------------------------------------------------------- 在上一篇文章&#xff0c;解決ios 10不能定位的問題&#xff0c;把navigator.geolocation.getCurrentPosition…

java并發編程——線程池的工作原理與源碼解讀

2019獨角獸企業重金招聘Python工程師標準>>> 線程池的簡單介紹 基于多核CPU的發展&#xff0c;使得多線程開發日趨流行。然而線程的創建和銷毀&#xff0c;都涉及到系統調用&#xff0c;比較消耗系統資源&#xff0c;所以就引入了線程池技術&#xff0c;避免頻繁的線…

php pcre回溯攻擊,php preg_match pcre回溯繞過

原理需要知識:正則NFA回溯原理&#xff0c;php的pcre.backtrack_limit設置。正則NFA回溯原理正則表達式是一個可以被"有限狀態自動機"接受的語言類。"有限狀態自動機",擁有有限數量的狀態,每個狀態可以遷移到零個或多個狀態,輸入字串決定執行哪個狀態的遷移…

電驢更新地址

emule是通過ED2K網絡和KAD網絡尋找、連接其他emule客戶端的&#xff0c;所以服務器列表和KAD節點文件是emule的必需文件。 有些新手由于下載官方原版emule壓縮包或其他未集成這些必需文件的emule壓縮包&#xff0c;從而出現“連接不上ED2K與KAD”問題。所以學會下載更新服務器…

Vue CLI 3 可以使用 TypeScript 生成新工程

TypeScript 支持 在 Vue 2.5.0 中&#xff0c;我們大大改進了類型聲明以更好地使用默認的基于對象的 API。同時此版本也引入了一些其它變化&#xff0c;需要開發者作出相應的升級。閱讀博客文章了解更多詳情。 發布為 NPM 包的官方聲明文件 靜態類型系統能幫助你有效防止許多潛…

手機端本地圖片或者拍照的上傳功能

原文連接 https://blog.csdn.net/m0_37852904/article/details/78550136 ---------------------------------------------------------- 最近剛好在做手機端的圖片上傳功能&#xff0c;便記錄下 html&#xff1a; <input type"file" class"hide" i…

php scandir sftp,CentOS 下使用SFTP實現網站自動生成FTP賬號,實現Chroot功能

背景 手上有一個這樣的系統&#xff1a;后臺可以直接新建項目(網站)&#xff0c;只需輸入項目名稱、訪問域名(二級)以及其他一些額外信息&#xff0c;就可自動生成一個模板網站。大致原理是&#xff1a;提交這些信息的時候&#xff0c;后臺會給項目新建一個目錄&#xff0c;并把…

IOS內購詳解

介紹 最近開發的一款APP上架被駁回了&#xff0c;理由是&#xff1a; 上架的APP是培訓類&#xff0c;里面金牌視頻課程需要購買&#xff0c;Android端使用支付寶&#xff0c;微信支付。 蘋果規定 數字化內容、App功能以及服務等&#xff0c;需要使用內購 真實世界中的服務(…

匯編中的函數調用與遞歸

棧幀的結構 倘若我們要想搞清楚過程的實現&#xff0c;就必須先知道棧幀的結構是如何構成的。棧幀其實可以認為是程序棧的一段&#xff0c;而程序棧又是存儲器的一段&#xff0c;因此棧幀說到底還是存儲器的一段。那么既然是一段&#xff0c;肯定有兩個端點&#xff0c;這個不需…

php 相親 段子,精彩的男女幽默段子

精彩的男女幽默段子。撒嬌老婆洗完澡對老公撒嬌說&#xff1a;老公&#xff0c;抱我到床上去吧。老公看了看老婆&#xff0c;冷冷的回答道&#xff1a;我還是把床搬過來吧&#xff01;所以&#xff0c;撒嬌還是要看體型&#xff01;單身老公說&#xff1a;老婆&#xff0c;你不…

Redmine數據庫備份及搬家

Bitnami Redmine的備份分2種方式&#xff1a; 1.導出數據庫 2.整個目錄搬家 不管是哪種都想停掉服務&#xff0c;redmine相關的服務有以下5個&#xff1a; redmineApache   redmineMySQL   redmineSubversion   redmineThin1   redmineThin2 可以打開windows服務控制面…

且看BCH開啟的“信用本位”時代

??? 且看BCH開啟的“信用本位”時代 比特幣向來被稱為“金本位”的互聯網實驗&#xff0c;由于中本聰先生的天才發明&#xff0c;POW機制給予了比特幣與黃金同樣的生產模式。所以&#xff0c;時至今日&#xff0c;BCE依然自稱為“數字黃金”。 只可惜&#xff0c;“一葉障目…

oracle設置臨時表空間,Oracle臨時表空間查看、添加臨時表空間數據文件、修改默認臨時表空間 方法!...

--查表空間使用率情況(含臨時表空間)SELECT d.tablespace_name "Name", d.status "Status",TO_CHAR (NVL (a.BYTES / 1024 / 1024, 0), 99,999,990.90) "Size (M)",TO_CHAR (NVL (a.BYTES - NVL (f.BYTES, 0), 0) / 1024 / 1024,99999999.99) US…

Redmine項目管理工具安裝

Redmine免費開源的項目管理工具 下載 一鍵安裝工具 https://bitnami.com/stack/redmine/installer 安裝 Redmine一鍵安裝工具集成了php服務&#xff0c;mysql服務。盡管安裝就好。 安裝完成后&#xff0c;在開始菜單&#xff0c;找到-----Bitnami Redmine Stack--------Bi…

Oracle創建假脫機文件,oracle – 在sqlplus中假脫機csv文件時的標頭格式

我需要使用sqlplus從Oracle中的表中調整csv.以下是所需的格式&#xff1a;"HOST_SITE_TX_ID","SITE_ID","SITETX_TX_ID","SITETX_HELP_ID""664436565","16","2195301","0""664700792&qu…

方便微信公眾號等手機網頁調試插件eruda和vConsole

原文地址&#xff1a;https://blog.csdn.net/qq_39234840/article/details/80951710 ---------------------------------------------------------- 調試插件一&#xff1a;eruda&#xff08;推薦&#xff0c;因為比vConsole功能多&#xff09; <script src"//cdn.js…

HDU 3530Subsequence(單調隊列)

題意 題目鏈接 給出$n$個數&#xff0c;找出最長的區間&#xff0c;使得區間中最大數$-$最小數 $> m$ 且$< k$ Sol 考慮維護兩個單調隊列。 一個維護$1 - i$的最大值&#xff0c;一個維護$1 - i$的最小值。 至于兩個限制條件。 $<k$可以通過調整隊首來滿足 $>a$可以…

oracle權限培訓,Java培訓-ORACLE數據庫學習【2】用戶權限

查詢用戶擁有的權限&#xff1a;1.查看所有用戶&#xff1a;select *from dba_users;select *from all_users;select *from user_users; 2.查看用戶或角色系統權限(直接賦值給用戶或角色的系統權限)&#xff1a;select *from dba_sys_privs;select *from user_sys_privs; 3.查看…