Skills
.Work. You
Rest

geospatial-sdk-integration

Official

Integrate geospatial-sdk with Vue + Pinia maps.

Software Engineering#vue#map#pinia#maplibre#openlayers#geospatial-sdk#mapcontext
Authorcamptocamp
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Vue.js developers often struggle to integrate Camptocamp geospatial-sdk with Pinia-based map state in a clean, scalable way. This Skill demonstrates using MapContext as the single source of truth and binding map state to Pinia stores to enable consistent, bidirectional synchronization between the map and the UI.

Core Features & Use Cases

  • MapContext as the single source of truth, with Pinia bindings to reflect state in components and maps.
  • Framework-agnostic guidance for using the geospatial-sdk with OpenLayers or MapLibre, including immutable update patterns and change detection.
  • Real-world scenario: build a map-enabled dashboard where layers and viewport are managed in Pinia and rendered consistently across the UI.

Quick Start

Install the geospatial-sdk packages, create a Pinia store to hold MapContext, and wire the store to a Vue component so map updates propagate to the UI and vice versa.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: geospatial-sdk-integration
Download link: https://github.com/camptocamp/sextant-viewer/archive/main.zip#geospatial-sdk-integration

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.