This is a simple demo map client for the GeospatialAnalyzer API. It provides a Leaflet and OpenStreetMap based map to show some integration examples.
It is built using React, TypeScript, Vite and React Leaflet.
- Draw geometries
- Choose interface
- Choose topic(s)
- Set some API-supported parameters
- Make an API call
- Show response
- Show returned geometry in map
- Config file for topics and other settings
- Show the bounding box (hardcoded) from the sample data
- Docker/Podman deployment
Before running the application, you need to create a .env file to configure your environment variables. You can use the provided .env.example file as a template.
You can customize the topics, bounding box and other settings in src/config/config.ts.
Depending on the deployment environment, consider adjusting port_in_redirect in default.conf. Disable it when running behind a reverse proxy and enable it for direct access (e.g. during local development) so redirects include the port. This ensures that /ga-client is redirected correctly to /ga-client/ in both cases.
Prettier, Linter and HMR are configured. Tested in VS Code.
pnpm install
pnpm run dev
Open http://localhost:5173/ in your browser.
This command builds the Docker image from the Dockerfile and tags it as ga-client.
docker build -t ga-client .
This command runs the previously built image as a container and exposes it on port 80.
docker run -p 80:8080 ga-client
You are welcome to co-develop :)
This project is licensed under the GNU General Public License 3 (GPLv3).
For information about third-party component licenses, see the THIRD-PARTY-LICENSES file.