摘要:為什么使用騰訊地圖百度高德地圖,商業需要授權年。軌跡回放騰訊也有方法,我是參考高德的地圖對比騰訊地圖才知道怎么使用可能還是文檔不太熟,之前提交工單問客服有沒有軌跡回放功能,客服直接回答沒有。
為什么使用騰訊地圖?
</>復制代碼
百度、高德地圖,商業需要授權5W/年。土豪可以直接使用百度、高德,文檔詳細方法全,騰訊免費但是方法不全。
軌跡回放
</>復制代碼
騰訊也有方法,我是參考高德的地圖對比騰訊地圖才知道怎么使用(可能還是文檔不太熟,之前提交工單問客服有沒有軌跡回放功能,客服直接回答*沒有*)。
軌跡回放高德、百度有寫好的案例 https://lbs.amap.com/api/javascript-api/example/marker/replaying-historical-running-data/?sug_index=6
直接上代碼:
</>復制代碼
let i=[{
lng: 113.97178462529953,
lat: 22.533004760109772,
}, {
lng: 113.97178462529953,
lat: 22.533004760109772,
}, {
lng: 113.97227964419012,
lat: 22.53297604020109,
}, {
lng: 113.9727937028104,
lat: 22.532843370121697,
}, {
lng: 113.9727937028104,
lat: 22.532843370121697,
}, {
lng: 113.9727937028104,
lat: 22.532843370121697,
}, {
lng: 113.9727937028104,
lat: 22.532843370121697,
}, {
lng: 113.9727937028104,
lat: 22.532843370121697,
}, {
lng: 113.9727937028104,
lat: 22.532843370121697,
}, {
lng: 113.9727937028104,
lat: 22.532843370121697,
}, {
lng: 113.9727937028104,
lat: 22.532843370121697,
}]
let p = [];
i.forEach(e => {
p.push(new qq.maps.LatLng(e.lat, e.lng));
});
//設置圖標
this.marker1 = new window.qq.maps.Marker({
position: p[0],
map: this.map,
autoRotation: true
});
//畫出軌跡
this.polyline = new qq.maps.Polyline({
path: p,
strokeColor: "#28F",
strokeWeight: 6,
editable: false,
map: this.map
});
//圖標沿著軌跡移動
that.marker1.moveAlong(p, 80);
這樣就可以實現沿著軌跡移動
有一個問題:
</>復制代碼
用官方的圖標沒問題,使用自定義圖標,如上圖,垂直的狀況,暫時無法解決,旋轉角度也不行。
在 qq.maps.MarkerOptions 中設置 autoRotation (點標記在使用moveTo、moveAlong動畫時,路徑方向若有變化,點標記是否自動調整角度,默認為false。)
這個無效,如果有解決辦法可以告知我一下。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/105768.html
閱讀 2537·2021-11-15 11:38
閱讀 2895·2021-11-02 14:44
閱讀 3832·2021-09-26 10:13
閱讀 3076·2021-08-13 15:02
閱讀 792·2019-08-30 15:56
閱讀 1470·2019-08-30 15:53
閱讀 2367·2019-08-30 13:01
閱讀 3241·2019-08-29 12:57