Draw markers in python folium maps

Skill - Draw markers in python folium maps

Table of Contents

Skills Required

• Setup python development environment
• Basic Printing in Python
• Commenting in Python
• Managing Variables in python
• Introduction to Folium for interactive maps in python

Please make sure to have all the skills mentioned above to understand and execute the code mentioned below. Go through the above skills if necessary for reference or revision

---

In this post we will learn how to draw markers on a folium map in python

See this post to learn about folium libary basics

Create a simple marker

• You can create a marker on a folium map using folium.Marker function.
• You can specify the marker location using the location input of the function

# import folium library
import folium

# create a map object
mapObj = folium.Map(location=[24.2170111233401, 81.0791015625000],
                    zoom_start=5)

# add a marker object to the map
folium.Marker(location=[24.2170111233401, 81.0791015625000]
              ).add_to(mapObj)

# save the map to a html file
mapObj.save('output.html')

Adding a Pop up content and tool-tip text to a marker

• Use the popup input of folium.Marker function add pop-up HTML content
• Use the tooltip input of folium.Marker function add tool-tip text

folium.Marker(location=[24.2170111233401, 81.0791015625000],
              popup=folium.Popup('<i>The center of map</i>'),
              tooltip='Some Text'
              ).add_to(mapObj)

Change icon of the marker with fontawesome and bootstrap markers

Use the icon input of folium.Marker function to change icon of the marker

For using glyphicons by bootstrap specify the icon name from here

folium.Marker(location=[20, 79],
              icon=folium.Icon(icon='glyphicon-plane', color='green')
              ).add_to(mapObj)

For using icons by fontaweosme specify the icon name from here and add prefix='fa'

folium.Marker(location=[22, 80],
              icon=folium.Icon(icon='magnet', prefix='fa', color='red')
              ).add_to(mapObj)

Complete Example

# import folium library
import folium

mapObj = folium.Map(location=[24.2170111233401, 81.0791015625000],
                    zoom_start=5)

folium.Marker(location=[24.2170111233401, 81.0791015625000],
              popup=folium.Popup('<i>The center of map</i>'),
              tooltip='Center'
              ).add_to(mapObj)

# https://lab.artlung.com/font-awesome-sample/
# remember to use prefix='fa'
folium.Marker(location=[22, 80],
              icon=folium.Icon(icon='magnet', prefix='fa', color='red'),
              popup=folium.Popup(
                  """Using the magnet icon from font-awesome.<br/>
                  Check out more <a href="https://lab.artlung.com/font-awesome-sample/" target="_blank">here</a><br/>
                  """, max_width=500),
              tooltip='Font awesome example'
              ).add_to(mapObj)

# https://getbootstrap.com/docs/3.3/components/
folium.Marker(location=[20, 79],
              icon=folium.Icon(icon='glyphicon-plane', color='green'),
              popup=folium.Popup(
                  """
                  <img src="https://avatars.githubusercontent.com/u/2918581?v=4" alt="Bootstrap" style="max-width:100%;max-height:100%"><br/>
                  <h4>
                  glyphicon-plane icon from bootstrap.<br/>
                  </h4>
                  <h5>Check out more <a href="https://getbootstrap.com/docs/3.3/components/" target="_blank">here</a></h5>
                  """, max_width=300),
              tooltip='Bootstrap example'
              ).add_to(mapObj)

mapObj.save('output.html')

Video

The video for this post can be found here

---

References

• Bootstrap Glyphicons - https://getbootstrap.com/docs/3.3/components/
• Fontawesome icons - https://lab.artlung.com/font-awesome-sample/
• folium marker reference - https://python-visualization.github.io/folium/modules.html#folium.map.Marker

---

Table of Contents