1. 程式人生 > 其它 >騰訊地圖開放H5定位API,率先支援iOS10

騰訊地圖開放H5定位API,率先支援iOS10

蘋果的iOS 10已經正式對外推送,相信嚐鮮的使用者已經更新到最新的系統。然而,如果web站沒有及時支援https協議的話,當很多使用者在iOS 10下訪問很多網站時,會發現都無法進行正常精確定位,導致部分網站的周邊推薦服務無法正常使用。

騰訊地圖開放平臺技術專家通過分析發現,在iOS10 中蘋果對webkit定位許可權進行了修改,所有定位請求的頁面必須是https協議的。在http協議下通過html5原生定位介面會返回錯誤,無法正常定位。通過瀏覽器除錯控制檯我們可以看http訪問報錯的詳細資訊:

接入騰訊的H5定位元件,無感支援iOS10,騰訊地圖開放平臺在很早就支援了https的H5定位。不管是已經支援了https協議,還是依然使用http協議的web頁,只要你接入了它,對於iOS 10的定位支援是無感的,都可以完美正常定位。

而你只需要完成以下兩步:

方式一:純JS呼叫

第一步:引入js檔案

第二步:建立定位物件,即可發起定位

var geolocation = new qq.maps.Geolocation("DZYBZ-73WWI-FG6GZ-5JRFR-PNVIE-4OFUL", "myapp");
geolocation.getLocation(sucCallback, errCallback);

方式二:嵌入iframe完成定位

第一步:引入定位iframe

第二步:監聽事件並完成定位

window.addEventListener('message', function(event) {
// 接收位置資訊
var loc = event.data;
console.log('location', loc);                          
}, false);

簡簡單單,兩步搞定。

美團外賣等大型網站已經完美接入騰訊地圖開放平臺開發的H5定位元件,平穩度過iOS10升級,確保客戶和業務未受影響:

騰訊地圖開放平臺H5定位元件簡介:

1 業內唯一專門針對H5環境的定位需求的解決方案

2 在微信和QQ瀏覽器下深度優化,顯著提升定位成功率

3 多環境優化適配,完美支援原生定位,微信定位SDK,QQ定位SDK,IP定位等。

4 緊跟web標準,最先支援iOS10