Skip to content

aibolem/maplibre-vscode-extension

 
 

Repository files navigation

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

Packages

No packages published

Languages

  • HTML 50.4%
  • TypeScript 39.8%
  • JavaScript 9.8%