Awesome Markers pour Leaflet

Awesome-markers est une extension Leaflet qui n’est pas toute récente mais toujours très utile! D’autant plus utile que j’ai découvert que l’on peut facilement utiliser d’autres polices que celles décrites dans la doc. En plus de Font AwesomeBootstrap et Ionicons on peut donc par exemple se servir de  de Map Icons qui a été créé pour Google Maps.

Pour cela, rien de très compliqué, il faut intégrer le CSS et les polices dans le projet, puis:

var style_mapicon = L.AwesomeMarkers.icon({ prefix:'map-icon',icon: 'cafe',markerColor:'red' });
L.marker([45,5],{icon:style_mapicon}).addTo(map);

font_marker

Exemple avec ces quatre fonts différentes

Télécharger la sources

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *