https://github.com/suizer98/arcgisjsai
A proof-of-concept Svelte project to demonstrate AI controlling the ArcGIS JS SDK widgets
https://github.com/suizer98/arcgisjsai
arcgis-js-api docker esri svelte typescript vite
Last synced: about 1 month ago
JSON representation
A proof-of-concept Svelte project to demonstrate AI controlling the ArcGIS JS SDK widgets
- Host: GitHub
- URL: https://github.com/suizer98/arcgisjsai
- Owner: Suizer98
- Created: 2025-09-14T03:51:13.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-09-16T10:15:08.000Z (9 months ago)
- Last Synced: 2025-09-16T11:41:37.319Z (9 months ago)
- Topics: arcgis-js-api, docker, esri, svelte, typescript, vite
- Language: Svelte
- Homepage:
- Size: 43.9 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ArcGIS JS + AI
Interactive Svelte + ArcGIS JS SDK mapping application with AI-powered chat by Groq LLM for natural language map navigation and more.
## Features
- AI chat for map navigation
- Drawing tools (markers, lines, polygons)
- Location services & web search
- Draggable/resizable interface
### Tech Stacks
## Setup
### Prerequisites
- Node.js 20+
- Docker (optional)
- Groq API key
### Installation
1. Copy `.env` file and put your API key:
```
VITE_GROQ_API_KEY=your_groq_api_key_here
```
2. Install dependencies:
```bash
npm install
```
3. Run development server:
```bash
npm run dev
```
Or with Docker:
```bash
docker-compose up --build
```
Open `http://localhost:3000`
## Code Formatting
This project uses Prettier for code formatting. You can format your code using:
```bash
npm run format
npm run format:check
docker exec -it arcgisjsai-arcgisjsai-1 npm run format
```
## Usage
Ask the AI to navigate and interact with the map:
- "Take me to New York"
- "Add a marker here"
- "Find restaurants near me"
- "Zoom to Singapore"
- "What's my current location?"
The chat sidebar is draggable and resizable.