https://github.com/kanahiro/maplibre-vscode-extension

MapLibre Style Viewer/Editor in VSCode
https://github.com/kanahiro/maplibre-vscode-extension

foss4g map maplibre typescript vscode-extension

Last synced: 4 months ago
JSON representation

MapLibre Style Viewer/Editor in VSCode

• Host: GitHub
• URL: https://github.com/kanahiro/maplibre-vscode-extension
• Owner: Kanahiro
• License: mit
• Created: 2024-08-05T13:35:38.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-09-21T03:30:27.000Z (4 months ago)
• Last Synced: 2024-10-12T01:21:59.984Z (4 months ago)
• Topics: foss4g, map, maplibre, typescript, vscode-extension
• Language: HTML
• Homepage:
• Size: 637 KB
• Stars: 26
• Watchers: 3
• Forks: 1
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# maplibre-vscode-extension

[![GitHub](https://img.shields.io/badge/github-maplibre--vscode--extension-8da0cb?logo=github)](https://github.com/Kanahiro/maplibre-vscode-extension)

[![Visual Studio Marketplace Downloads](https://img.shields.io/visual-studio-marketplace/d/kiguchi.maplibre-vscode-extension)](https://marketplace.visualstudio.com/items?itemName=kiguchi.maplibre-vscode-extension)

[![Visual Studio Marketplace Installs](https://img.shields.io/visual-studio-marketplace/i/kiguchi.maplibre-vscode-extension)](https://marketplace.visualstudio.com/items?itemName=kiguchi.maplibre-vscode-extension)

[![Visual Studio Marketplace Rating](https://img.shields.io/visual-studio-marketplace/stars/kiguchi.maplibre-vscode-extension)](https://marketplace.visualstudio.com/items?itemName=kiguchi.maplibre-vscode-extension)

## Usage

1. Install the extension

2. open `style.json` in editor

3. open command palette and run `MapLibre: Launch Viewer`

    - ![](https://github.com/Kanahiro/maplibre-vscode-extension/blob/main/doc/palette.png?raw=true)

4. Viewer will open in new tab. When edit `style.json`, the viewer will update automatically.

    - ![](https://github.com/Kanahiro/maplibre-vscode-extension/blob/main/doc/viewer.png?raw=true)

### Validation

![](https://github.com/Kanahiro/maplibre-vscode-extension/blob/main/doc/validation.png?raw=true)

- 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`

```json

"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: