Mapbox 向地图框上的标记添加标记反弹和下降效果

Mapbox 向地图框上的标记添加标记反弹和下降效果,mapbox,map-basic,Mapbox,Map Basic,我是地图盒api的新手,之前一直在使用谷歌地图api。无论如何,我的问题是,我需要在mapbox上给标记一个拖放动画,当标记出现在地图上时,一旦用户开始拖动标记,我需要给它一个反弹动画,直到拖动结束。我已经浏览了api文档,但找不到任何相关内容。我也尝试过bouncemarker.js给这些标记提供反弹效果,但不幸的是,它没有满足我的要求,因为反弹效果不够平滑,看起来不好。因此,在这方面的任何帮助或建议都将不胜感激 到目前为止,我的代码是这样的 L.mapbox.accessToken

我是地图盒api的新手,之前一直在使用谷歌地图api。无论如何,我的问题是,我需要在mapbox上给标记一个拖放动画,当标记出现在地图上时,一旦用户开始拖动标记,我需要给它一个反弹动画,直到拖动结束。我已经浏览了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!');
    });

谢谢

您可以使用
设置图标
打开,根据您想要的任何事件动态切换标记图标。因此,我假设您有两个图标,可能是
var-bouncingIcon=xxxxx
var-nonBouncingIcon=xxxx
,然后根据需要设置-
myMarker.setIcon(nonBouncingIcon)