Drawing Font awesome markers in leaflet powered maps

Font awesome markers are vector icons that can help to customize the look of our map icons. We will demonstrate using font awesome markers as custom markers on leaflet powered maps.

 

Screenshot below illustrates the use of font awesome markers on leaflet map

 

g

 

See live map by clicking the link below:

http://htmlpreview.github.io/?https://github.com/mayotunde/Leaflet.awesome-markers/blob/2.0/develop/awesomemarkers

 

Download the plain text version of the source code by clicking the link below:

https://www.dropbox.com/s/ueix59wml4ppyfs/using%20custom%20icons%20from%20awesome%20markers%20in%20leaflet%20maps.txt?dl=0

 

 

 

Here is the source code for the web page above. Note that the leaflet plugin

link and JS libraries are added in the head and script section.

 

bgh-001

bgh-002

 

Thank you for following the blog.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s