@opengis/dataset

A flexible GIS data module that allows users to create datasets from file imports or custom structures, with interactive map visualization and powerful data editing tools.

Features

• Data Import – Load GIS datasets from external files (e.g., CSV, GeoJSON, etc.).
• Custom Schema Creation – Define your own dataset structure and attributes.
• Data Editing – Add, update, or delete records and geometries directly in the interface.
• Interactive Map – Visualize spatial data on a map with user interaction support.
• Click Events – Select map features by clicking to trigger actions or view details.
• Popup Information – Display attribute data in configurable popups.
• Data Filtering – Apply filters to show only relevant features based on attribute values.
• Feature Styling – Customize map visualization with styles (colors, icons, layers).
• Layer Management – Organize datasets as layers and control their visibility.

Install

npm i @opengis/dataset

Usage

// router.config
export default [
  {
    path: "/dataset.edit/:id?",
    component: () => import("@opengis/dataset").then((m) => m.Dataset),
  },
  {
    path: "/dataset.map/:id?",
    component: () => import("@opengis/gis").then((m) => m.Map),
  }, 
];

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 dataset, 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.