https://github.com/hamza-rafique/geodata-visualization
https://github.com/hamza-rafique/geodata-visualization
Last synced: 10 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/hamza-rafique/geodata-visualization
- Owner: Hamza-Rafique
- Created: 2024-11-01T19:00:09.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-09T13:08:44.000Z (about 1 year ago)
- Last Synced: 2025-01-08T02:16:56.737Z (12 months ago)
- Language: TypeScript
- Size: 507 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Gaia-GIS
Gaia-GIS is an Angular-based geospatial visualization library that enables developers to add interactive map elements like points, polygons, and raster layers to their applications. This library leverages Leaflet and includes optional Bootstrap styling for easy map integration and customization.
## Table of Contents
- [Installation](#installation)
- [Setup](#setup)
- [Features](#features)
- [Adding a Point](#adding-a-point)
- [Adding a Polygon](#adding-a-polygon)
- [Adding a Raster Layer](#adding-a-raster-layer)
- [Usage Examples](#usage-examples)
- [Basic Map Component](#basic-map-component)
- [Development](#development)
- [Contribution](#contribution)
- [License](#license)
## Installation
To install Gaia-GIS, run:
```bash
npm install gaia-gis
```
## Setup
After installing, import Gaia-GIS into your Angular project.
**Add Gaia-GIS styles:**
- 1.Add the necessary CSS files in angular.json:
```bash
"styles": [
"node_modules/leaflet/dist/leaflet.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/bootstrap-icons/font/bootstrap-icons.css",
"src/styles.css"
]
```
- 2.Import Gaia-GIS in the App Module:
```bash
import { GaiaGisModule } from 'gaia-gis';
@NgModule({
imports: [
GaiaGisModule,
// other imports...
]
})
export class AppModule {}
```
## Features
**Adding a Point**
To add a point on the map, use the addPoint method. You can customize the latitude, longitude, and title of the point
```bash
Add Point
```
**Adding a Polygon**
Add polygons by defining a set of coordinates and a color. Use the addPolygon method to add the polygon to your map.
```bash
Add Polygon
```
**Adding a Raster Layer**
Raster layers are added using the addRaster method. Specify a URL for the raster source, and optionally apply a color filter.
```bash
Add Raster Layer
```