Chris Briggs bio photo

Chris Briggs

Software engineer whose passionate about IoT, Dev-Ops, Security, UWP & Xamarin.

Twitter Google+ Github Stackoverflow Youtube

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!

The source code for the map is available on my github

Feel free to tweet me comments, feedback or questions to @ChrisBriggsy.