Updated on 06/06/2015 : SSW LinkAuditor uncovered a broken link in this post.
Recently I was set the challenge of creating an interactive map:
In order to test the usefulness of the idea described in the video seen above. I decided to create a light-weight prototype, with the following features:
- A day-night cycle
- Showing a push pin for each office that displays the current time in that office
- Mobile friendly
On a previous project, I used Bing maps and found it a slow and frustrating experience, Which left me with one burning question.
Where I’m I going to find a fast JavaScript mobile-friendly map?
Introducing Leaflet
After scouring the internet and came across one hidden gem,
Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps.
##Features that made Leaflet standout:
- No API Key
- Third-party plugins
- Wide range of browser supper
- Pins use standard HTML
The rest of the features can be seen here!.
Did you say plugins?
YES - Leaflet supports a wide range of the third party plugins that simplifies the addition commonly requested features. For example in my case displaying the day-night cycle.
The wide range of plugs in, can be found here!
End Result
Click here to see the map above in full screen!
Feel free to tweet me comments, feedback or questions to @ChrisBriggsy.