Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Leaflet plugin to create map icons using Maki Icons from MapBox.
JavaScript
branch: master
Failed to load latest commit information.
images add screenshot
LICENSE Initial commit
Leaflet.MakiMarkers.js Update MapBox Marker API URL
README.md Remove bitdeli
bower.json Version bump
index.html Allow null icon and color; add iconRetinaUrl

README.md

Leaflet.MakiMarkers

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

Screenshot

Usage

Simply include Leaflet.MakiMarkers.js in your page after you include Leaflet.js: <script src="Leaflet.MakiMarkers.js"></script>

// Specify a Maki icon name, hex color, and size (s, m, or l).
// An array of icon names can be found in L.MakiMarkers.icons or at https://www.mapbox.com/maki/
// 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);

JSFiddle Demo

Requirements

Leaflet 0.5+

Thanks

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

Something went wrong with that request. Please try again.