Embed maps easily with a single HTML file
A single HTML map file bundled with customizable popular Leaflet plugins, map providers and its own API. SEEMAP for Standalone EmbEddable Map is a single HTML file bundled of useful and popular Leaflet/OpenStreetMap resources in a easy way to embed.
| Description | |
|---|---|
| Download latest release | Download |
| Installation and usage | Installation |
| Settings | Settings |
| Uncompressed page size | 1.6Mb |
| Compressed page size (through HTTP2 or ZIP) | 190Kb |
| Typical embed size through an iframe (with tiles) | 500Kb |
| PageSpeed Insights test on mobile | Test now |
| PageSpeed Insights test on desktop | Test now |
- One single HTML file
Ready to embed via iframe tag or directly through the browser, every feature is included. Learn more - Customizable
Set your own default settings. - API through URL GET parameters
Override your default parameters through URL GET parameters. - View
Set a default view and override the map geographical center through API - Markers
Add as much markers with latitude and longitude through URL GET parameters. Learn more - Marker clusters
When markers density is to high, provides beautiful animated marker clustering. Learn more - Gesture handling
Brings the basic functionality of Google Maps Gesture Handling into Leaflet. Prevents users from getting trapped on the map when scrolling a long page. Learn more - Routing Machine
Easy way to get distance and itinerary between multiple markers. Learn more - Autocomplete
OpenStreetMap search engine available into a simple autocompletion list. Learn more - Permalink
Permalink control button allows visitors to always get the direct link to the current view, useful to share the map view Learn more - Reset view
Reset view control button allows visitors to go back to the very first view of their current session, or to the SEEMAP's default settings Learn more
As a web developer/designer/redactor, you have multiple project onto which quickly embed map without reinstall and configure Leaflet and common plugins each time.
As a web developer/designer/redactor, you have one or multiple coordinates to quickly place on an embedded map.
Just include SEEMAP as an iframe as follows:
<iframe src="path/to/seemap.html"></iframe>List of libraries and resources SEEMAP could not exist without!
- Leaflet.js an open-source JavaScript library for mobile-friendly interactive maps
- OpenStreetMap OpenStreetMap is the free wiki world map.
- Leaflet Gesture Handling Brings the basic functionality of Google Maps Gesture Handling into Leaflet. Prevents users from getting trapped on the map when scrolling a long page.
- Leaflet Marker Cluster Provides Beautiful Animated Marker Clustering functionality for Leaflet, a JS library for interactive maps.
- Leaflet Routing Machine or Official website Control for routing in Leaflet based on OSRM - Open Source Routing Machine
- Leaflet.Autocomplete OpenStreetMap search engine available into a simple autocompletion list.
- OpenStreetMap search engine the search engine used on the OpenStreetMap website.
- LeafLet Providers An extension to Leaflet that contains configurations for various free and paid tile providers.
- Feather Icons Simply beautiful open source icons.