GitHunt
42

42arch/geojson.io-for-vscode

Create, edit, and preview your geojson data in VSCode ๐Ÿ—บ.

GeoJSON.IO for VSCode

๐ŸŒ ๐Ÿ—บ๏ธ Create, Preview and Edit Your GeoJSON Data in VSCode๏ผ

install
download
release
update
version
download

English | ไธญๆ–‡

Description

GeoJSON.IO for VSCode is an open-source VSCode extension that allows users to easily create, preview, and edit GeoJSON data with VSCode.

This extension is heavily inspired by geojson.io.

How to use

  1. Install the extension (obviously ๐Ÿ˜‚).

  2. Open your GeoJSON file (or a new file) in VSCode. The file extension should be one of these: .json, .txt, .geojson.

  3. There are two ways to open the map view:

    Press ctrl + shift + p (or cmd + shift + p on Mac) to open the command palette, type Preview Geojson, and hit Enter.

    Alternatively, just right-click in the editor window and select the ๐ŸŒ Preview Geojson option.

  4. Youโ€™re all set to explore!

Demo1

Demo2

Features

  • ๐Ÿ–Š๏ธ Real-time editing of collections and properties;

  • ๐Ÿ’… Customizable style rendering

  • ๐ŸŒ Supports two projection modes: 3D and Mercator projection

  • ๐Ÿ—บ๏ธ Multiple map layers switching

To-Do

  • Custom base map layers

  • More editing modes: snapping, freehand drawing, etc.

  • Label display

  • More...

Other

If you encounter any issues or have some suggestions, please open an Issue on GitHub.

If the extension has been helpful to you, donโ€™t forget to leave us a positive review, or leave a ๐ŸŒŸ on Github . Thank you for your support ๐Ÿ™!

License

MIT License

Contributors

MIT License
Created February 1, 2022
Updated March 11, 2026
42arch/geojson.io-for-vscode | GitHunt