- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
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 "]');
- Related Articles
- How to use HTML5 GeoLocation API with Google Maps?
- Google Maps Alternatives
- Why Google embedded Map Makers inside Google Maps?
- 10 Key Steps To Ranking Higher In Google Maps
- Call Whole World Through New Android’s Google Maps
- How to Add Google Maps to a Website?
- Running Google Maps v2 on the Android Emulator
- Get a google map image of specified location using Google Static Maps API in Python
- How to launch Google Maps Directions via an intent on Android?
- HTML5 Canvas & z-index issue in Google Chrome
- Saving scatterplot animations with matplotlib
- How to work with Maps in Kotlin?
- Style unordered lists markers with CSS
- Can Google Analytics track interactions in an offline HTML5 app?
- Enhance real-time performance on HTML5 canvas effects

Advertisements