Skip to content

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

License

Notifications You must be signed in to change notification settings

geopartner/Leaflet.MakiMarkers

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 60.0%
  • HTML 40.0%