https://xyzmaps.github.io/geojson-tool/

A visual viewer interface to work with GeoJSON geospatial data and XYZ Hub spaces
https://xyzmaps.github.io/geojson-tool/

geojson javascript maps visualization

Last synced: 3 months ago
JSON representation

A visual viewer interface to work with GeoJSON geospatial data and XYZ Hub spaces

• Host: GitHub
• URL: https://xyzmaps.github.io/geojson-tool/
• Owner: xyzmaps
• License: mit
• Created: 2023-02-06T16:52:29.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-02-02T10:44:10.000Z (about 1 year ago)
• Last Synced: 2024-09-28T04:07:37.657Z (7 months ago)
• Topics: geojson, javascript, maps, visualization
• Language: JavaScript
• Homepage: https://xyzmaps.github.io/geojson-tool/
• Size: 3.92 MB
• Stars: 10
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-overpass-turbo - GeoJSON viewer tool (open source)

README

        
# XYZ GeoJSON Tool

A web based visualization tool for GeoJSON data.

[XYZ GeoJSON on github pages](https://xyzmaps.github.io/geojson-tool/)

## Overview

The GeoJSON Tool is a web based visualization tool for GeoJSON data that can quickly display data from a various sources, highlight and inspect specific features and supports even complex operations like finding data based on content.

![GeoJSON data visualised on GeoJSON-tool.](src/images/geojson-tools.png)

![GeoJSON data visualised on GeoJSON-tool.](src/images/geojson-tools-loaddata.png)

## Getting Started

### Getting Started Guide

Also below is the list of feature available with this tool:  

-   Drag and drop multiple GeoJSON file on map to render and load editor with data.

-   Directly jump to particular location on first load: https://geojson.tools/?map=-74.0146844,40.7053532,15

-   Upload multiple GeoJSON file to render and load editor with data.

-   Use multiple GeoJSON file URL to render and load editor with data.

-   Use GeoJSON editor to render feature on map.

-   Share tool's URL with GeoJSON url in params.

-   On selecting lat-long in editor map with that point get centered.

-   On selecting feature object in editor, map with that feature will be highlighted.

-   On click of any feature its property will be visible and corresponding lat-long will be focused in editor.

-   Highlight features with matching properties by clicking on property label in feature explorer pop-up card.

-   Map only view option from UI as well as URL parameters.

-   Displaying feature colors if available in property object of feature.

-   Visualize your XYZ space data directly from URL using for example `url=http://localhost:8080/hub/spaces/QL5wrOzP/search?limit=5000`

-   If GeoJSON properties object contains `heading_drg` or `vehicBearing` then it renders point as arrow image with provided bearing.

-   If GeoJSON properties object contains `marker-url` then it renders image from given url instead of point on map.

-   If GeoJSON properties object contains `marker-text` then it display given text instead of point on map.

## Development

Install node and project dependencies:

```

npm install

```

Run a local server with:

```

npm start

```

An App will be served at http://localhost:3000

## License

Copyright (C) 2023- XYZ Maps and contributors

Copyright (C) 2019 HERE Europe B.V.

See the [LICENSE](./LICENSE) file in the root of this project for license details.