nyc-bookstores/node_modules/mapbox.js/extensions/mapbox.jquery.js
2013-05-27 13:45:59 -07:00

92 lines
2.9 KiB
JavaScript

!function($) {
// Either creates map or goes full auto
// If map already created, map returned
$.fn.mapbox = function(a, b, c) {
// Return map if already created
if (this.data('map')) return this.data('map');
// Load tilejsons and create map using mapbox.auto
if (typeof a === 'string' || (a instanceof Array && typeof a[0] === 'string')) {
mapbox.auto(this.attr('id'), a, $.proxy(function(m, tj) {
this.data('map', m);
if (b) b(m, tj);
}, this));
return this;
// Initialize a mapbox map in element
} else {
var map = mapbox.map(this.attr('id'), a, b, c);
return map;
}
};
// Expose functionality as jQuery plugin
$.fn.switchLayer = switchLayer;
function switchLayer(e) {
var $this = $(this),
$parent = $this.parents('[data-control="switcher"]'),
group = $this.data('group') || 0,
map = $('#' + $this.parents('[data-map]').data('map')).data('map'),
name = $this.attr('href').replace('#','');
if (!map.getLayer(name).enabled) {
// Disable all layers in same group
var layers = $parent.find('a');
for (var i = 0; i < layers.length; i++) {
var l = map.getLayer($(layers[i]).attr('href').replace('#',''));
if (l && group == ($(layers[i]).data('group') || 0) && l.enabled) {
$(layers[i]).removeClass('active');
$(layers[i]).trigger('disabled');
l.disable();
}
}
map.enableLayer(name);
$this.addClass('active');
$this.trigger('enabled');
} else if ($this.data('toggle')) {
// Toggle layer off
map.disableLayer(name);
$this.removeClass('active');
map.draw();
}
map.ui.refresh();
return false;
}
$(function() {
$('body').on('click.switcher.data-api', '[data-control="switcher"] a', switchLayer);
});
$.fn.ease = easeMap;
function easeMap(e, force) {
var $this = $(this);
// Don't ease when toggling layer off
if ($this.data('toggle') && e.type !== 'enabled') return false;
var mapid = $this.data('map') || $this.parents('[data-map]').data('map'),
map = $('#' + mapid).data('map');
if (!map) return false;
var lat = $this.data('lat') || map.center().lat,
lon = $this.data('lon') || map.center().lon,
zoom = $this.data('zoom') || map.zoom();
map.ease.location({ lat: lat, lon: lon}).zoom(zoom).optimal();
return false;
}
$(function() {
$('body').on('click.ease.data-api enabled.ease', '[data-lat],[data-lon],[data-zoom]', easeMap);
});
}(window.jQuery);