Mapbox.js for Meteor apps.
Version matrix:
Mapbox JS | Mapbox GL |
---|---|
2.2.3 |
0.12.1 |
$ cd to/my/meteor/project
$ meteor add pauloborges:[email protected]_2
or (if you want to modify the code):
$ cd to/my/meteor/project
$ mkdir packages # ensure that packages folder exists
$ git clone https://github.com/pauloborges/meteor-mapbox.git packages/pauloborges:mapbox
$ meteor add pauloborges:mapbox
All plugins listed here are supported:
- turf
- directions
- zoomslider
- pip
- osm
- omnivore
- minimap
- markercluster
- locate
- label
- image
- heat
- hash
- geodesy
- fullscreen
- draw
- geojsonExtend
- geoViewport
- arc
Call Mapbox.load()
in your client code. Use Mapbox.loaded()
to check if it
finished loading. This function is reactive.
Mapbox.load({
gl: boolean // optional
plugins: list // optional
})
opts
is optional.gl
: iftrue
Mapbox GL will be loaded
// Basic
Meteor.startup(function(){
Mapbox.load({
plugins: ['minimap', 'markercluster']
});
});
Deps.autorun(function () {
if (Mapbox.loaded()) {
L.mapbox.accessToken = MY_ACCESS_TOKEN;
var map = L.mapbox.map('map', MY_MAP_ID);
}
});
// Using a template's rendered callback
Meteor.startup(function(){
Mapbox.load();
});
Template.Map.rendered = function () {
this.autorun(function () {
if (Mapbox.loaded()) {
L.mapbox.accessToken = TOKEN;
var map = L.mapbox.map('map', MAP_ID);
}
});
};