Skip to Main Content

Doing More with Digital Maps

Posted on 2.23.2016

Maps have become common place on the Web today but there are some creative ways today's 'Net professionals can deploy these useful content assets into their digital experience.

Let's review a few jQuery plugins so 'Net professionals can do more with digital maps!

 SUBSCRIBE to Website Magazine & Accelerate 'Net Success

Mapael: Definitely one of the best, Mapel is a jQuery plugin based on raphael.js that allows designers and devs to display dynamic vector maps. Mapael is interactive, support the setting of href's, tooltips and events any any element of the map. Cities canbe plotted with circles, squares or images, and latitude and longitude can also be set. The plugin also automatically sets attributes like color and size to each area and plotted point displayed on map and generates an interactive legend in order to build pretty dataviz. Zoom/panning capabilities are included and it is even possible to add alternative content for non-JS users and Web crawlers.

Few offerings I've come across offer as much functionality, as many features, as Mapael, but there are some interesting offerings that are most definitely worth a look if you are interested in doing more with Maps.

easyLocator: A jQuery plugin to load locations with Google Maps in any wbesite using nothing more than a Google spreadsheet or an array of objects.

Geolocation Marker: A library for adding a marker which tracks a user's location for use with the Google Maps JavaScript API v3.

Weather on Google Maps: Embed Google Maps with current weather information on any number of cities using HTML snippets.

Blank Canvas Weather: A weather app made using the OpenWeatherMap API and jQuery, with animations creating using HTML5 Canvas.

Store Locator: Provide a KML, XML or JSON feed to this jQuery plugin, which uses the Google Maps API, to implement a store locator.

TravelMap: Pin locations (cities, countries, etc) on a Google map with jQuery.

Today's Top Picks for Our Readers:
Recommended by Recommended by NetLine

Leave Your Comment

Login to Comment

Become a Member

Not already a part of our community?
Sign up to participate in the discussion. It's free and quick.

Sign Up


Leave a comment
    Load more comments
    New code