Добавление эффекта маркера 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),

Другие вопросы по тегам