Icon map

Uploaded by Template retirement home 2 years ago (Updated 7 months ago)

Interactive icon map, suitable for small datasets. Use icons, images or emoji for your markers

Template guide

Icon map templates

Allows you to quickly map a symbol map featuring icons from FontAwesome. The template creates a key which doubles as a filter so end users can click different categories of icons on or off.

Data requirements

All you need is a spreadsheet with a row for each item that you want to put on the map and a column each for lat and long. To specify particular icons, first specify a category column in your main spreadsheet and then you can add custom styles in another sheet, as shown with the sample data.

Icon codes

You can use any icon in the wonderful FontAwesome. For a full list and search, see the FontAwesome site. You can use the full name (e.g. "fa-user") or miss off the "fa" (e.g. "user"). The template also supports d3 symbols using this format: "d3-star", "d3-cross", etc.

Tips

  • The icons are drawn in the order of the spreadsheet, so sort your sheet to control the stacking order
  • When specifying an icon you can change the color, opacity or outline colour
  • You can choose a different background map by pointing to a different map tile set (e.g. one of these)

Credits

This template uses Leaflet with – by default – basemap tiles created by Stamen Design.

Read more