How to add a custom icon (SVG) to a point layer

This example illustrates how to make a map with pins to display a point layer from a MapTiler Tileset using a custom SVG icon.

Replace YOUR_MAPTILER_API_KEY_HERE with your own API key. Make sure to protect the key before you publish it!

Replace YOUR_MAPTILER_TILESET_ID_HERE with your actual MapTiler Tileset ID.

Replace YOUR_TILESET_LAYER_HERE with your actual Layer ID. How to get the Layer ID.

Related examples

Add custom icon (PNG) to a point layer

Examples

Display a point layer using custom PNG icons.

Add custom icons with markers

Examples

Add custom marker icons to your map.

GeoJSON point layer

Tutorials

Add a GeoJSON point overlay to your map application.

Add an icon to the map

Examples

Add icons from external URLs to symbol map layers.