Leaflet.MakiMarkers

by jseppi

Leaflet plugin to create map icons using Maki Icons from Mapbox.

132 Stars 37 Forks Last release: over 3 years ago (v3.1.0) MIT License 38 Commits 3 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Leaflet.MakiMarkers

Leaflet plugin to create map icons using Maki Icons from Mapbox. Markers are retrieved from Mapbox's Static Marker API.

Screenshot

Usage

Include

Leaflet.MakiMarkers.js
in your page after you include
Leaflet.js
:


The most recent version of Mapbox's static API (v4) requires that a valid access token be specified with every request. Please see https://www.mapbox.com/api-documentation/?language=CLI#access-tokens for more information.

//First, specify your Mapbox API access token
L.MakiMarkers.accessToken = "";

// Specify a Maki icon name, hex color, and size (s, m, or l). // A list of available icon names can be found at // https://raw.githubusercontent.com/mapbox/maki/master/layouts/all.json // Lowercase letters a-z and digits 0-9 can also be used. A value of null will result in no icon. // Color may also be set to null, which will result in a gray marker. var icon = L.MakiMarkers.icon({icon: "rocket", color: "#b0b", size: "m"}); L.marker([30.287, -97.72], {icon: icon}).addTo(map);

See index.html for a more complete example of how to use this plugin.

Requirements

Leaflet 0.5+

Thanks

Thanks to Mapbox for making their Marker API available and for the Maki icon set.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.