Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>MapLibreNew to Visual Studio Code? Get it now.
MapLibre

MapLibre

kiguchi

|
292 installs
| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

maplibre-vscode-extension

GitHub Visual Studio Marketplace Downloads Visual Studio Marketplace Installs Visual Studio Marketplace Rating

Usage

  1. Install the extension
  2. open style.json in editor
  3. open command palette and run MapLibre: Launch Viewer
  4. Viewer will open in new tab. When edit style.json, the viewer will update automatically.

Validation

  • style file named *style.json will be validated by JSON schema generated from type of StyleSpecification.
  • currently there is limitation to validate not nested values only.

Supported protocols

  • https://path/to/file
  • pmtiles://https://path/to/file.pmtiles
"sources": {
    "openmaptiles": {
      "type": "vector",
      "url": "pmtiles://https://tile.openstreetmap.jp/static/planet-20240729.pmtiles"
      // "tiles": ["pmtiles://https://tile.openstreetmap.jp/static/planet-20240729.pmtiles/{z}/{x}/{y}"] is also okay
    },
    "takeshima": {
      "type": "vector",
      "url": "https://tile.openstreetmap.jp/data/takeshima.json"
    }
},

attribution

  • icon: https://github.com/maplibre/maplibre.github.io/blob/main/static/img/maplibre%20old%20profile.png
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft