1
私は地面にリップル(アニメーションgif)を描くマップクリック機能を持っています。リップル効果は、カメラを傾けることが可能なため、上から下に向かって見えます。 現在のマップの傾きに基づいて更新または設定できるマーカーにパースペクティブ要素を追加する方法はありますか?マップボックスのGLマーカーにパースペクティブを追加する方法はありますか?
これは私の大ヒットしたコードです。
map.on('click', function (e) {
groundHit = document.createElement('div');
groundHit.classList.add('groundHit');
groundHit.style.backgroundImage = 'url(img/ripple.gif)';
groundHit.style.width = '40px';
groundHit.style.height = '40px';
groundHit.style.perspective = '100px';
var newGroundHit = new mapboxgl.Marker(groundHit, {
offset: [-20, -20]
})
.setLngLat(e.lngLat)
.addTo(map);
setInterval(function() {
newGroundHit.remove();
}, 350);
});