Skip to content
JQuery plugin for creating slideshows on a leaflet map.
Find file
New pull request
Pull request Compare This branch is 18 commits behind cavis:master.
Fetching latest commit...
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


A jQuery plugin for creating slideshows on a leaflet map. Will render a slideshow-carousel linked to a map inside selected elements, extending to the full width of the container. The map will follow along as the user arrows/clicks through the geotagged slides.

Check out the demo here. Unless you're busy. Cause I totally understand.

Alt text



Requires jQuery version >= 1.7.0


Requires Leaflet version >= 0.4. Since this is still in development, I'd suggest getting it directly from their github repo.

Getting Started

Checkout Slidemapper directly from github, and include both the css and js files in your html file. (See example/index.html for an example).

In your <head> section (next to other CSS):

<link href="path/to/leaflet.css" rel="stylesheet">
<link href="path/to/slidemapper.css" rel="stylesheet">

At the bottom of the <body> section (next to other JS)

<script src="path/to/jquery-1.7.2.min.js"></script>
<script src="path/to/leaflet-src.js"></script>
<script src="path/to/slidemapper.js"></script>



Something went wrong with that request. Please try again.