Learn     Map Making

How to create HTML map pins

Available to the Grandmaster subscription tier and above. Upgrade here.

 

Grandmasters have access to custom pin images, but another way to create custom pins is by using HTML. Follow these steps:

 
  1. Create a pin marker as usual.
  2. Instead of choosing a pin, click on "Add special HTML Marker".
  3. In the "HTML marker" field, create the marker using HTML syntax.
 

This is intended to be used with FontAwesome or RPG-Awesome icons. For example, the code <i class="fas fa-tree" style="color:green"></i> will create a pin with a green tree icon. However, as the field is free-form, your imagination and technical skill is the limit!

Do you have any feedback about this article? Email us at [email protected]!