W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
解釋:平移 marker ,帶動畫 。
Object object
屬性名 | 類型 | 默認值 | 必填 | 說明 |
---|---|---|---|---|
markerId | Number | 是 | 指定 marker | |
destination | Object | 是 | 指定 marker 移動到的目標點 | |
autoRotate | Boolean | 是 | 移動過程中是否自動旋轉(zhuǎn) marker | |
rotate | Number | 是 | marker 的旋轉(zhuǎn)角度 | |
duration | Number | 1000ms | 否 | 動畫持續(xù)時長,平移與旋轉(zhuǎn)分別計算。 |
animationEnd | Function | 否 | 動畫結(jié)束時回調(diào)函數(shù) | |
success | Function | 否 | 接口調(diào)用成功的回調(diào)函數(shù) | |
fail | Function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) | |
complete | Function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會執(zhí)行) |
<view class="wrap">
<map id="myMap"
longitude="{{longitude}}"
latitude="{{latitude}}"
style="width: 100%"
markers="{{markers}}">
</map>
<button type="primary" bindtap="translateMarker">平移 marker</button>
</view>
Page({
data: {
latitude: 40.048828,
longitude: 116.280412,
markers: [{
markerId: 1,
latitude: 40.052751,
longitude: 116.278796
}, {
markerId: 2,
latitude: 40.048828,
longitude: 116.280412,
callout: {
display: 'ALWAYS',
content: '百度科技園'
}
}]
},
onLoad() {
this.mapContext = swan.createMapContext('myMap');
},
translateMarker() {
this.mapContext.translateMarker({
markerId: '2',
destination: {
latitude: 40.049655,
longitude: 116.27505
},
autoRotate: true,
rotate: 30,
duration: 1000,
animationEnd() {
swan.showToast({
title: '動畫結(jié)束啦!',
icon: 'none'
});
},
success: res => {
console.log('translateMarker success');
},
fail: err => {
console.log('translateMarker fail', err);
}
});
}
});
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: