GeoExplorer AI is an interactive mapping application that goes beyond traditional maps by integrating AI-generated information.
At its core, it combines the familiar Google Maps interface with Google's Gemini AI to generate rich, contextual information about
any location you click on.
The application is built entirely with vanilla JavaScript, HTML, and CSS—no frameworks or complex dependencies. This makes it an
ideal example project for learning how to integrate different APIs and services.
/
├── index.html # Main entry point
├── css/ # Styling
│ ├── styles.css # Core styles
│ └── map-styles.js # Map theme definitions
├── js/ # JavaScript modules
│ ├── app.js # Main application logic
│ ├── map-config.js # Map initialization
│ ├── location-manager.js # Location handling
│ ├── ui-controller.js # UI event handling
│ ├── api-service.js # API communication
│ └── chat-interface.js # AI chat functionality
Technologies Used:
- Google Maps JavaScript API
- Google Gemini AI API (generative AI)
- Geocoding & Reverse Geocoding
- Browser localStorage for persistence
- Responsive design for mobile compatibility
This repository was created for talk at Hudson Valley Open Data Hackathon 2025 - Unlocking Public Data Insights with Open Source and AI More Info: https://hvtechfest.com/session/ai-powered-location-insights-using-google-gemini-api-smart-descriptions