Web GIS Explorer for Dubai EV Charging Stations
Overview
This project demonstrates a lightweight Web GIS application developed using HTML, CSS, and JavaScript. The application provides an interactive map with multiple basemaps, location search, and an EV charging station layer for Dubai using open map data and APIs.
Key Features
- Interactive web map
- Zoom and pan functionality
- Multiple basemap options
- Location search using OpenStreetMap Nominatim
- Dubai EV charging station overlay
- OpenStreetMap data integration
- Lightweight browser-based application
Workflow
- Create the web application using HTML, CSS, and JavaScript.
- Initialize the interactive map using Leaflet.
- Add OpenStreetMap and other basemaps.
- Implement location search using the Nominatim API.
- Add Dubai EV charging stations using OpenStreetMap data.
- Add a fallback dataset when the live API is unavailable.
- Run the application locally using a Python HTTP server.
Technologies Used
- HTML
- CSS
- JavaScript
- Leaflet
- OpenStreetMap
- Nominatim API
- Overpass API
- Python HTTP Server
- VS Code
Dataset
- Map Data: OpenStreetMap
- Location Search: OpenStreetMap Nominatim
- EV Charging Stations: OpenStreetMap / Overpass API
- Study Area: Dubai, UAE
Results
| Feature | Result |
|---|---|
| Interactive Map | Implemented |
| Basemaps | 4 options |
| Location Search | Implemented |
| EV Charging Stations | Dubai |
| Map Interaction | Zoom and Pan |
| Data Source | OpenStreetMap |
| Application | Local Web GIS |
Future Improvements
- Add more geospatial datasets and thematic layers.
- Improve EV station data using live API integration.
- Add filtering and spatial query tools.
- Add routing and distance analysis.
- Deploy the application as an online Web GIS platform.