Skip to content
VSCode map preview extension
JavaScript TypeScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

VSCode Map Preview

This extension provides the ability to preview spatial data files and snippets on a map

Supported Formats

Support for various formats is available through the format drivers provided by the OpenLayers library

How to use this extension

Open any plain text file (or active open document) and run the Map Preview command (default keybinding: ALT+M) from the command palette. If the text content checks out as any of the above supported formats, it will be parsed into vector feature data to be shown on an interactive map in the HTML preview pane.

See attached gif for an example:

Any content not recognized by the preview command (ie. Doesn't check out as any of the above formats) will cause the following error to be shown

If you believe this to be incorrect (ie. You have legitimate content that should be one of the above formats), please report an issue on this


Many aspects of this extension can be configurable. See the configuration reference

Release Notes

See the release notes document


  • The data you are previewing must be transformable to EPSG:3857 (Web Mercator) coordinates, in order to properly overlay against any of the provided base map layers. If that previous sentence didn't make much sense, the data you are previewing should be in latitude/longitude (known as EPSG:4326) or some other coordinate system that has an EPSG code representation
  • Will probably choke on really large data files (this extension is really meant for quick-and-dirty previews of small files and snippets)



You can’t perform that action at this time.