既存のマーカー（Googleマップ）のパルスアニメーション

Question

パルスアニメーションを追加したいlikeこれをチェックボックスの既存のマーカーに追加するにはどうすればよいですか？

Answer 1

それはあなたがそうするべきであるようにそれほど簡単ではありません。私はちょうどこの全く同じことをやって、いくつかの成功を収めてきました。

最も簡単な方法は、アニメーションGIFをマーカーとして使用することです。

CSSアニメーションを行いたい場合は、JSでもう少し快適ですが、以下のコードを使用してすべてのメーカーにラッパーを追加できます（マーカーをすべて追加した後、マーカーペインに新しいオーバーレイを作成し、 .marker-layerのクラスを与えます。

Googleマップはできる限りキャンバスを使用してアイコンをレンダリングしようとしています。そのため、このような方法でアクセスする必要はありません。したがって、optimized: false,を渡す必要がありますマーカーオプションを使用してマーカーにアクセスできます。

const markerlayer = new google.maps.OverlayView(); 
markerlayer.draw = function() { 
    this.getPanes().markerLayer.classList.add('marker-layer'); 
}; 
markerlayer.setMap(map);