ArcVite 🌍

Modern Web Map/Scene Viewer with the ArcGIS Maps SDK for JavaScript

Overview

This project is a lightweight viewer that displays a Web Map (and Scene) to demonstrate the features of the ArcGIS JavaScript API. It serves as a base template to kick-start a GIS web application.

Demo

Live preview

✨Features

• Display a Map
• Change the Basemap Layer
• Search bar
• Sketch
• Display a Scene

WIP..

Prerequisites

Before using this project, you need to install Node.js.
Optional: if you want to use ArcGIS Online services, you need to get an API key from https://developers.arcgis.com/dashboard/ (set the key in the .env file)

Getting Started

git clone https://github.com/AbdelkaderMkd/ArcVite.git
cd ArcVite
pnpm install
pnpm start

Server runs on http://localhost:2500

NOTE: I suggest to use pnpm instead of npm

Built With

• React
• @arcgis/core
• Ant Design
• Calcite Design System (Optional)
• Vitejs (SWC plugin)

Credits

This project is highly inspired by:

• Map Viewer

• Ostora

License

The project is under the MIT License