📦 elements

This package provides framework-agnostic Web Components built with Lit that allow you to display interactive maps using the Map Context model.

Installation

npm install @geospatial-sdk/elements

Usage

<script type="module">
  import "@geospatial-sdk/elements";

  const mapElement = document.querySelector("geosdk-map");
  mapElement.context = {
    layers: [
      { type: "xyz", url: "https://tile.openstreetmap.org/{z}/{x}/{y}.png" },
    ],
    view: { center: [6, 48.5], zoom: 5 },
  };
</script>

<geosdk-map style="width: 800px; height: 600px;"></geosdk-map>

Classes

Class	Description
SdkMapElement	-