MapViewer
A Leaflet-based interactive map app for importing and styling layers, displaying rich media popups, and performing advanced routing. Users can manage layers, search spatial data, compute routes with turn-by-turn directions, and save/load full projects.About Application
Salient Features:
- Import and style GeoJSON, KML, KMZ layers with labels, clustering, and heatmaps
- Rich media popups: images, audio, YouTube, Vimeo, Facebook videos.
- Basemap routing via right-click with alternative routes and travel time calculation.
- Search layers or external geocoders (Nominatim/Google) with highlight and popup.
- Project save/load, maintaining map state, layer order, styles, and labels..
* Developed under BhoomiTech Heritage and Development Foundation patronage
About MapViewer
This web-based mapping application, built with Leaflet, provides an advanced interactive GIS interface for visualizing, analyzing, and routing spatial data. Users can import GeoJSON, KML, and KMZ layers, customize styles, labels, clustering, or heatmaps, and create rich multimedia popups with images, audio, and videos (YouTube, Vimeo, Facebook). Layers can be managed via a list UI, reordered, toggled for visibility, or removed. The app also supports project save/load, preserving map state, layer styles, labels, and popup configurations.
Additionally, the application includes a basemap routing module that allows users to set start and end points via right-click directly on the map. It computes optimal routes, shows alternative routes, displays turn-by-turn instructions, and calculates estimated travel time based on user-defined speed. Combined with advanced search (within layers or via Nominatim/Google geocoding), “Fit All Data,” locate, and fullscreen controls, this makes the platform a comprehensive tool for mapping, analysis, and navigation planning.
Map & Visualization
- Multiple base maps: OSM, Esri, Google Street/Hybrid, Carto Light
- Zoom, locate, fullscreen, and “Fit All Data” controls
- Customizable styling: color, opacity, weight, labels, halos
Layer Management
- Load GeoJSON, KML, KMZ layers
- Toggle visibility, move up/down, remove layers
- Clustering and heatmap options
Popups & Media
- Dynamic popups for feature properties
- Supports images, audio, video (YouTube, Vimeo, Facebook)
- Drag-and-drop popup field reordering
Search & Highlight
- Layer search with feature highlight
- Nominatim and Google geocoding search
- Zoom and popup results
Routing & Navigation
- Add start/end points via right-click
- Compute routes and alternative paths
- Turn-by-turn instructions and travel time calculation
- Adjustable travel speed for ETA estimation
- Clear routes and reset navigation panel
Project Management
Save/load projects with layers, styles, and map state preserved
Track unsaved changes
Highlights:
One of the standout features is the right-click routing module, allowing users to set start and end points directly on the map. It calculates optimal routes, shows alternative paths, and provides turn-by-turn instructions for each segment. Users can hover or click instructions to preview steps on the map, and an adjustable speed slider dynamically updates estimated travel times. This makes the app ideal for navigation planning and route analysis without leaving the mapping interface.Feature discussion
The app excels in displaying multimedia-rich popups for every feature. It seamlessly embeds images, audio, and videos from YouTube, Vimeo, or Facebook, maintaining a clean 16:9 responsive layout. Users can also configure which attributes appear in popups and reorder them via drag-and-drop. This feature is especially powerful for field mapping, educational projects, or storytelling with geospatial data, making the map interactive and visually engaging.Feature discussion
How To & FAQ
MapViewer is an application developed and distributed for FREE for sustainable development projects for any community. Its under public license from BhoomiTech Foundation.
USB Web Server: To run some of our applications or some functions to run, you might require a web server installed in your pc. Here is a lightweight third party FREE web server that supports Apache, PHP (v8) and MySQL perfect for our apps.
