❶ 微信小程序內怎麼導入地圖,距離測算
進入騰訊地址服務官網。
在微信小程序中插入個性化地圖：進入騰訊地址服務官網，控制台、個性化地圖、個性化樣式、樣式選擇。>
先定位目前的位置，再根據輸入的目的地進行兩地之間的距離計算。（前提是先導入高德地圖相應的sdk包）。
❷ 微信小程序能使用海外版的地圖開發應用嗎
這里貼下主要代碼介紹下：
先是wxml文件：
<map id='parkingMap' class='mp_map' longitude="{{lon}}" latitude="{{lat}}" scale='14' markers='{{markers}}' controls='{{controls}}' bindcontroltap='controltap' bindmarkertap='markertap' show-location='true' bindregionchange='regionchange' bindtap='clickOther'> 1
標簽里的屬性API文檔里都有介紹，應該沒什麼好說的了；
可以看到在地圖上有標記p，點擊需要有提示信息，查了下微信map上面無法在繼續添加覆蓋物，然後看了API文檔有個cover-view，於是就用這個來做了個提示信息：
<cover-view class='parkingName'>{{parkingName}}</cover-view>
<cover-view class='space'>
<cover-view class='totalNum'>總車位：<cover-view style='color:red'>{{totalNum}}</cover-view></cover-view>
<cover-view class='leftNum'>剩餘車位：<cover-view style='color:red'>{{leftNum}}</cover-view></cover-view>
</cover-view>
</cover-view>
<cover-view class='right'>
<cover-image src='../../image/arrow_right.png' class='arrow'></cover-image>
</cover-view>
</cover-view>
123456789101112131415
注意這里是要添加到map標簽裡面：<map> <cover-view> </cover-view></map>
加了個if判斷，點擊地圖上的P才顯示；
js文件：
初始化data：
//定義全局變數var longitude, latitude, mapCtxvar centerLongitude, centerLatitude, windowWidth, windowHeight /**
* 頁面的初始數據
*/
data: {
lon: '',
lat: '',
is_show: false,
parkingName:'',
totalNum:'',
leftNum:'',
markers: [],
controls: []
},12345678910111213141516
首先是獲取定位，使用微信小程序API提供的方式：
getloca:function(){
var that = this
var time
wx.getLocation({
type: "wgs84 ",
success: function (res) {
console.log(res.latitude)
console.log(res.longitude)
latitude = res.latitude
longitude = res.longitude
centerLatitude = latitude
centerLongitude = longitude
that.setData({
lat: res.latitude,
lon: res.longitude,
})
},
fail: function (res) {
}
})
},
在實際測試中，發現有的android機掉用改API就是無法定位，測試過所需要的許可權都有，最後嘗試了下網路地圖，居然發現成功了，一下是網路地圖定位（具體可以查看網路地圖小程序API）的方式：
//引入網路地圖apivar bmap = require('../../libs/bmap-wx.min.js');//網路api定位我的位置
getLocaByBM:function(){
var that = this; var BMap = new bmap.BMapWX({
ak: '你自己申請的ak'
}); var fail = function (data) {
console.log(data)
}; var success = function (data) {
wxMarkerData = data.wxMarkerData;
console.log(wxMarkerData)
centerLatitude = wxMarkerData[0].latitude
centerLongitude = wxMarkerData[0].longitude
that.setData({
markers: wxMarkerData
});
that.setData({
lat: wxMarkerData[0].latitude
});
that.setData({
lon: wxMarkerData[0].longitude
});
} //好像必須要加這個
BMap.regeocoding({
fail: fail,
success: success,
iconPath: '../../image/center.png',
iconTapPath: '../../img/center.png',
width:23,
height:40
});
},2425262728293031323334353637
好吧，這次的測試結果蘋果，小米，華為，三星均能正常定位了；希望微信以後能改善這個問題吧。
不過這里需要注意一個問題，小程序是基於騰訊地圖（使用火星坐標），網路地圖定位出來的坐標需要轉換才能正確的標識，文末會貼出轉換的代碼；
下面是map的操作了，常見的幾種添加markers，controls，地圖移動時的監聽處理；
先介紹地圖移動的監聽處理：
這里可以結合微信API文檔來看會更清晰（文筆不好，寫的有些亂），先獲取map對象：
❸ 樂游歐洲go小程序的地圖導航功能怎麼用
這個功能只能在歐洲才可以用，進入微信樂游歐洲go小程局返序以後，點擊下方地圖就可以使用。如果你在首頁選擇了要去的景點或者商桐雀飢場，可以導航過去，也可以購買相應交通票。
旅行的話也不建議打車，一個城市的公交，一些常見的出行交通可以更好的感受這個城市。在「樂游歐歲宴洲go」裡面，舉個例子，你買的阿姆斯特丹旅行票，那麼憑借這個票免費乘坐這個城市大部分交通工具，逛遍全城。