Effects and animations with Google Maps markers in HTML5


There is no way to fade markers through API.

However, markers can be simulated by creating Custom Overlay.

Custom overlay usually contains a div with the help of which opacity can be controlled by javascript or jquery.

In order to create effects or animations over Google Maps markers, we need a custom overlay.

The marker can be added to map and it surely makes optimized: false option

var newmarkerimg= $('#map_canvas img[src*="iconmarker "][class!="imageadjust "]');

Samual Sam
Samual Sam

Learning faster. Every day.

Updated on: 30-Jan-2020

117 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements