Добавление эффекта маркера Bounce and Drop к маркерам на карте
Я новичок в карте API api, и ранее я использовал Google Maps API. В любом случае, моя проблема заключается в том, что мне нужно дать маркер на карте, анимацию отбрасывания, когда маркер появляется на карте, и как только пользователь начинает перетаскивать маркер, мне нужно дать ему анимацию отскока, пока не закончится перетаскивание. Я просмотрел api docs, но ничего не нашел. Я также попробовал 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!');
});
Спасибо
1 ответ
Ты можешь использовать setIcon
на L.marker для динамического переключения значка маркера в соответствии с любыми событиями, которые вы хотите. Поэтому я бы предположил, что вы две иконы var bouncingIcon = xxxxx
а также var nonBouncingIcon = xxxx
, а затем установить по мере необходимости - myMarker.setIcon(nonBouncingIcon)
,