Skip to main content

Uploading and Styling GeoJSON

Learn how to upload and customise GeoJSON files in Swyvl.

Updated this week

πŸ”Ή What is GeoJSON?

GeoJSON is a file format used to represent geographic data β€” like boundaries, routes, or zones β€” using coordinates. In Swyvl, you can upload a .geojson file to display shapes such as polygons and lines on your map.


πŸ“₯ Uploading a GeoJSON File

  1. Open your Project in the Builder.

  2. Click on the "Linework" tool in the top toolbar.
    This tool allows you to upload and display a GeoJSON file on your map.

  3. Select your .geojson file from your computer or Resources.
    Your file will begin uploading. Once processed, the shape will appear on the map.

  4. Your GeoJSON will now appear in the Sidebar under Project Data, where you can manage or edit it at any time.

βœ… Supported file format: .geojson (must be valid GeoJSON syntax).


🎨 Styling Your GeoJSON

  1. Click on the data item in the Project Data Sidebar to open the Properties Panel on the right.

  2. Select the Styling tab.

  3. You can adjust:

    • Color

    • Opacity

  4. Changes are saved automatically β€” you’ll see them update in real time on the map.

πŸ“ Tip: Use styling to differentiate zones, highlight important paths, or show coverage areas.


πŸ—‚οΈ Managing Your Linework

  • You can rename your GeoJSON in the Details tab of the Properties Panel.

  • You can delete the shape from the map by selecting it and choosing Delete under the Manage tab.

  • If needed, re-upload an updated version by clicking the Linework tool again.

Did this answer your question?