MapContext.translateMarker

2020-08-26 16:37 更新

解釋:平移 marker ,帶動畫 。

方法參數(shù)

Object object

object 參數(shù)說明

屬性名類型默認值必填說明

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í)行)

示例 

在開發(fā)者工具中打開


圖片示例

代碼示例 

在開發(fā)者工具中打開

<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);
            }
        });
    }
});


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號