2015-05-08 66 views
1

我是新來的地圖框api,並且之前一直使用google maps api。無論如何,我的問題是,我需要在地圖框上放置標記,在地圖上出現標記時放置動畫,並且一旦用戶開始拖動標記,我需要給它一個反彈動畫,直到拖動結束。我已經瀏覽了API文檔,但找不到任何相關內容。我也試過bouncemarker.js來給這些標記反彈效果,但不幸的是它不能滿足我的要求,因爲反彈效果不夠流暢,看起來不錯。所以,在這方面的任何幫助或建議,將不勝感激。向地圖框上的標記添加標記彈出和拖放效果

到目前爲止我的代碼看起來是這樣的,

L.mapbox.accessToken = '[access token]'; 
    map = L.mapbox.map('googleMap', 
        'map_id', { 
         center: [-8.461, 115.159], 
         zoom: 9 
        }); 
    marker = L.marker(latLongObj, { 
     icon: L.icon({ iconUrl: marker_image }), 
     draggable: true 
    }); 
    marker.addTo(map); 


    marker.on('dragstart', function(e) { 
     console.log('Drag Start!'); 
    }); 

    marker.on('dragend', function(e) { 
     console.log('Drag End!'); 
    }); 

感謝

回答

0

您可以使用L.markersetIcon動態切換你想要的任何活動的提示標記的圖標。所以我會假設你有兩個圖標,可能是var bouncingIcon = xxxxxvar nonBouncingIcon = xxxx,然後根據需要設置 - myMarker.setIcon(nonBouncingIcon)