{"id":19459901,"url":"https://github.com/hamza-rafique/geodata-visualization","last_synced_at":"2025-02-25T12:21:53.860Z","repository":{"id":260770267,"uuid":"882043010","full_name":"Hamza-Rafique/geodata-visualization","owner":"Hamza-Rafique","description":null,"archived":false,"fork":false,"pushed_at":"2024-11-09T13:08:44.000Z","size":519,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-08T02:16:56.737Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Hamza-Rafique.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-01T19:00:09.000Z","updated_at":"2024-11-09T13:08:47.000Z","dependencies_parsed_at":"2024-11-02T13:30:05.065Z","dependency_job_id":null,"html_url":"https://github.com/Hamza-Rafique/geodata-visualization","commit_stats":null,"previous_names":["hamza-rafique/geodata-visualization"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hamza-Rafique%2Fgeodata-visualization","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hamza-Rafique%2Fgeodata-visualization/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hamza-Rafique%2Fgeodata-visualization/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hamza-Rafique%2Fgeodata-visualization/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Hamza-Rafique","download_url":"https://codeload.github.com/Hamza-Rafique/geodata-visualization/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240664496,"owners_count":19837563,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-10T17:34:27.561Z","updated_at":"2025-02-25T12:21:53.837Z","avatar_url":"https://github.com/Hamza-Rafique.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Gaia-GIS\n\nGaia-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.\n\n## Table of Contents\n\n- [Installation](#installation)\n- [Setup](#setup)\n- [Features](#features)\n  - [Adding a Point](#adding-a-point)\n  - [Adding a Polygon](#adding-a-polygon)\n  - [Adding a Raster Layer](#adding-a-raster-layer)\n- [Usage Examples](#usage-examples)\n  - [Basic Map Component](#basic-map-component)\n- [Development](#development)\n- [Contribution](#contribution)\n- [License](#license)\n\n## Installation\n\nTo install Gaia-GIS, run:\n\n```bash\nnpm install gaia-gis\n```\n## Setup\nAfter installing, import Gaia-GIS into your Angular project.\n\n**Add Gaia-GIS styles:**\n- 1.Add the necessary CSS files in angular.json:\n\n```bash\n\"styles\": [\n  \"node_modules/leaflet/dist/leaflet.css\",\n  \"node_modules/bootstrap/dist/css/bootstrap.min.css\",\n  \"node_modules/bootstrap-icons/font/bootstrap-icons.css\",\n  \"src/styles.css\"\n]\n```\n- 2.Import Gaia-GIS in the App Module:\n\n```bash\nimport { GaiaGisModule } from 'gaia-gis';\n\n@NgModule({\n  imports: [\n    GaiaGisModule,\n    // other imports...\n  ]\n})\nexport class AppModule {}\n\n```\n## Features\n**Adding a Point**\nTo add a point on the map, use the addPoint method. You can customize the latitude, longitude, and title of the point\n\n```bash\n\u003cbutton (click)=\"openFormPopup()\" class=\"btn btn-secondary\"\u003eAdd Point\u003c/button\u003e\n```\n**Adding a Polygon**\nAdd polygons by defining a set of coordinates and a color. Use the addPolygon method to add the polygon to your map.\n```bash\n\u003cbutton (click)=\"openPolygonPopup()\" class=\"btn btn-secondary\"\u003eAdd Polygon\u003c/button\u003e\n```\n\n**Adding a Raster Layer**\nRaster layers are added using the addRaster method. Specify a URL for the raster source, and optionally apply a color filter.\n\n```bash\n\u003cbutton (click)=\"openRasterForm()\" class=\"btn btn-secondary\"\u003eAdd Raster Layer\u003c/button\u003e\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhamza-rafique%2Fgeodata-visualization","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhamza-rafique%2Fgeodata-visualization","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhamza-rafique%2Fgeodata-visualization/lists"}