Skip to content

florpor/Leaflet.ShowAll

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
 
 
 
 
 
 
 
 

Leaflet.ShowAll

Leaflet.ShowAll is a LeafletJS plugin that simply lets you jump from the high zoom level you are in to see all the (interesting part of the) map, pan around, and then either zoom in to other interesting areas or go back to your previous view. The visual aspect of this plugin consists of one floating button on your map.

Adding Show All Button

You can check out the example for this part.

All the plugin takes is one line of code to add:

L.control.showAll({bounds: L.latLngBounds(L.latLng(50.725746, -4.726885), L.latLng(52.878810, 1.595746))}).addTo(map);

Options

Customizable options are:

  • bounds: The only option that MUST be supplied. Needs to be a latLngBounds that defines the bounds to show when show all button is clicked.
  • position: The standard Leaflet.Control position parameter, used like all the other controls. Default: 'topleft'.
  • title: The tooltip shown when the user hovers over the button. Default: 'Show All'.
  • icon: The icon to be shown on the button. Default: 'icon-show-all' (taken from Elusive font by Aristeides Stathopoulos(c) using fontello. See font/LICENSE.txt).

Compatibility

Leaflet.ShowAll has only been tested against the current latest LeafletJS release - 0.7.3. If you test it against other versions, please let me know what the results are :-)

About

A LeafletJS plugin to zoom back to see "all" the map, then zoom back in when done

Resources

License

Stars

Watchers

Forks

Packages

No packages published