Show your vector data on a map

Your vector dataset is ready, let’s show the features on your maps. There’s a code and no-code way to do this.

Before you get to work, make sure to Save and Publish your vector file. This gets the dataset ready for integration in publicly available maps and applications. Your dataset is now saved in GeoJSON format and hosted in your MapTiler account on the Data page.

Add data programmatically

As a developer, you’ll probably prefer using the MapTiler SDK JS, where adding a vector data source and styling the features is a matter of a few lines of code. We have basic examples for you to copy and modify as needed:

For more inspiration, see all related examples.

Use a visual editor

For a no-code approach, use our map design editor. Follow these steps:

  1. Go to the Maps page in your Maptiler account and click on New map.

  2. Select a map you’d like to use and click Customize a copy. (For maps you’ve already edited just Customize.) This takes you to the map editor.

  3. In the left menu panel, go to Layers and add a new layer using the plus button. Search available data sources and select your new vector dataset.

  4. Style your features by adjusting color, opacity, outline, or any other visual properties. When done, save and publish your map. Publishing means that the map is ready to be shared with the world, but it’s not actually visible to anyone unless you take further steps to use the map on a website or in your application.

If you’d like to learn more about how to style vector maps and visualize your vector features, check out our map design tutorials, especially series Custom data visualization.