DailyJS

jQuery Roundup: Mapael, Velge

Alex R. Young

Subscribe

@dailyjs

Facebook

Google+

jquery plugins maps tags widgets

jQuery Roundup: Mapael, Velge

Posted by Alex R. Young on .
Featured

jquery plugins maps tags widgets

jQuery Roundup: Mapael, Velge

Posted by Alex R. Young on .
Note: You can send your plugins and articles in for review through our contact form or @dailyjs.

Mapael

Mapael

Mapael (GitHub: neveldo / jQuery-Mapael, License: MIT) by Vincent Brouté is a Raphael-based vector map plugin:

With Mapael you can display a map of the world with clickable countries. You can build data visualisations by setting some parameters in order to automatically set a color to each area of your map and generate the legend. Moreover, you can plot cities on a map with their latitude and longitude.

The basic API looks like this:

$('.container').mapael({
  map: {
    name: 'world_countries'
  }
});

Vincent has some examples in the readme, for example, this map of France on JSFiddle.

Velge

Velge (GitHub: dscout / velge, License: MIT, bower: velge) by Parker Selbert is a tag widget, inspired by the tagging UI found in Pivotal Tracker.

It supports sorting, validation, data normalization, pattern matching, keyboard shortcuts, and callback methods for things like tag addition and removal.

The API is based around a constructor:

var velge = new Velge($('.container'), { single: true });  

The instance will then accept callbacks like this:

velge  
  .onAdd(addCallback)
  .onRem(remCallback)

It's tested with Mocha and installable with Bower!