Flat Word Map with Location Ping

Image: Flat Word Map with Location Ping GIF

This awesome snippet will help you show a stylish world map with specific locations below the map. This will be a great addition to the hero section for your next project where you want to show a world map. When you hover over those locations the map will highlight the physical location on the map. each location sends out a ping like animation that looks really cool.

If you are having trouble with the pen, try the archived copy on GitHub

See the Pen Location Map by DigitalOcean (@digitalocean) on CodePen.0

Posted by:Hima Vincent

Hima Vincent is the founder & editor in chief of CodeMyUI. She is a writer by day and a reader by night who helps web designers build awesome projects by sharing amazing code snippets for inspiration. Hobbies include designing, card games, photography and exploring the culinary arts.