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