uni-app使用騰訊地圖注意點

地圖map組件使用騰訊地圖自定義樣式：

1：在使用地圖map組件騰訊地圖時，獲取本地定位，經緯度轉地址與地址轉經緯度解析時，小程序可以直接使用。但是h5版本會報跨域問題，目前前端沒有找到更好的解決方法，只能后端丟個接口出來用。 2：小程序跟h5中兩種地圖寫法與引用不一樣，需要區分開來，以及標點的渲染，控件的隱藏。

3：在h5中，map自動默認層級為1001，需要在頁面中找到相對應的dom結構來進行修改，！修改時注意css權重問題！

4：在h5中，在通過動態地址定位的方試顯示標點時，有可能會應為標簽渲染走在了定位后賦值之前，會出現本地定位可以但是標點未顯示的情況，可以在marker外邊套一個setTimeout()解決，因為是在加載完https://map.qq.com/api/gljs之后的先調用的標點方法，所以會出現這個問題。

5：ios手機上明明滑動屬性已經禁用，但是還是可以滑動，安卓手機則不會。

h5引用騰訊地圖方法：

var script = document.createElement("script");
script.type = "text/javascript";
script.src = "https://map.qq.com/api/gljs?v=1.exp&key=ZO2BZ-AGQ6S-DRUOF-6YNGX-EJVQK-7CFFM&callback=initmap";
document.body.appendChild(script);
//在加載完js后執行tmapinit()方法
if(script.readyState){ //IE
script.onreadystatechange=function(){
if(script.readyState=='complete'||script.readyState=='loaded'){
script.onreadystatechange=null;
that.tmapinit();
}
}
}else{ //非IE
script.onload=function(){
that.tmapinit();
}
}

 

 

 

 

輸入框：

h5在一屏內容時安卓手機輸入框在軟鍵盤彈起時頁面被頂上去無法自動彈下來，在內容外層加上scroll-view可以解決。應該還有其他方法，待探究...