@opengis/gis

Tools for mapping, geodata management, and integration into modern web services.

Features

• Interactive Web Maps – View and explore geographic data online.
• Dataset Management – Upload and manage spatial data (Shapefile, GeoJSON, CSV, etc.).
• Raster Visualization – Display satellite images and raster layers.
• Layer Control – Add, remove, and organize map layers.
• User & Admin Management – Control access and permissions.
• API & OGC Standards Support – Supports WMS, WFS, WMTS services.
• Cloud Access – Use the GIS platform from any device via the web.
• High-Performance Processing – Handles large spatial datasets efficiently.

Install

npm i @opengis/gis

Usage Portal

<template>
  <!--$route.params.id-->
  <MapWidget :id="'home'" />
</template>

<script setup lang="ts">
const MapWidget = defineAsyncComponent(() =>
  import("@opengis/gis").then((m) => m.MapWidget),
);
</script>

Usage Admin

// router.config
export default [
  {
    path: "/gis.registers/:id?",
    component: () => import("@opengis/gis").then((m) => m.Register),
  },
  {
    path: "/gis.services/:id?",
    component: () => import("@opengis/gis").then((m) => m.Service),
  },
  {
    path: "/gis.rasters/:id?",
    component: () => import("@opengis/gis").then((m) => m.Raster),
  },
  {
    path: "/gis.cartocss/:id?",
    component: () => import("@opengis/gis").then((m) => m.CartoCSS),
  },
  {
    path: "/gis.maps/:id?",
    component: () => import("@opengis/gis").then((m) => m.MapSettings),
  },
];

Config

// main.ts
app.config.globalProperties.$settings = {
  map: {
    center: [34.71, 48.51],
    zoom: 14,
    basemaps: [
      {
        name: "Оглядова карта",
        url: "https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png",
      },
      {
        name: "Ортофото 1:10K",
        url: "https://data.gki.com.ua/api-user/rtile/orto10/ua/{z}/{x}/{y}.png",
      },
      {
        name: "Open Street Maps",
        url: "https://tile.openstreetmap.org.ua/styles/osm-bright/{z}/{x}/{y}.png",
      },
      {
        name: "Топографічна карта 1:2000",
        url: "/api/gis-rtile/3830082297432900636/{z}/{x}/{y}.png",
        preview: "/api/gis-rtile/3830082297432900636/17/78138/45286.png",
      },
    ],
  },
};

Documentation

For a detailed understanding of cms, its features, and how to use them, refer to our Documentation.

Technology stack

Contribute

Feel free to contact us through our website SOFTPRO.UA or email [email protected]

• Report bugs
• Share your ideas
• Ask questions

Follow Us

Official site

License

Copyright © SOFTPRO. All rights reserved.