1

我是地图框 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!');
    });

谢谢

4

1 回答 1

0

您可以setIcon在L.marker上使用以根据您想要的任何事件动态切换标记的图标。所以我会假设你有两个图标，可能是var bouncingIcon = xxxxx和var nonBouncingIcon = xxxx，然后根据需要设置 - myMarker.setIcon(nonBouncingIcon)。

于 2015-05-19T16:29:07.097 回答