A Leaflet control to display the coordinates of the map center, especially useful on mobile/touch devices
JavaScript CSS
Latest commit 614445c Aug 28, 2016 @tstibbs tstibbs committed with Added formatter to format full lat/long string (#4)
* Added formatter to format full lat/long string  
* Better lat/long formatter example
Permalink
Failed to load latest commit information.
examples Added formatter to format full lat/long string (#4) Aug 28, 2016
src Added formatter to format full lat/long string (#4) Aug 28, 2016
.gitignore
.npmignore Remove /dist from repo. Fixes #3 Jan 23, 2016
Gruntfile.js Initial commit Oct 21, 2015
LICENCE Initial commit Oct 21, 2015
README.md Added formatter to format full lat/long string (#4) Aug 28, 2016
package.json Remove /dist from repo. Fixes #3 Jan 23, 2016

README.md

Leaflet.MapCenterCoord

A Leaflet control to display the coordinates of the map center, especially useful on touch/mobile devices.

The initial idea was based on the plugin Leaflet.MousePosition.

Requirements

Leaflet v7.x
Tested ok on Leaflet 1.0 beta2

Some tested platforms

Android 4.4.2: Google Chrome 47 and stock browser
iOS 9.2: Safari

Desktops: Windows 7, Windows 10, Ubuntu 14.04 LTS
Google Chrome 47, Firefox 43, Microsoft Internet Explorer 10, 11 and Edge 25

Examples

http://xguaita.github.io/Leaflet.MapCenterCoord/

Sources in /examples folder

Install

  • Download latest release

    • Source code in /src folder
    • Minified versions in /dist
  • Include js and css files located in the /dist folder (production) or /src (development)

  • If you want to change the code and build minified versions:
    First, install node.js on your system. Then run npm install to build the minified js and css into /dist

Usage

Add the following line to your map initialization:

L.control.mapCenterCoord().addTo(map);

You can also pass a configuration.

Configuration options

The MapCenterCoord control inherits options from Leaflet Controls.

Option Type Default Description
position String 'bottomleft' The standard Leaflet.Control position parameter
icon Boolean true Shows crosshair icon on map center
onMove Boolean false Update the coordinates of the map center while dragging
template String '{y} | {x}' Display template
latlngFormat String 'DD' Show lat/lng coordinates in 3 possible formats:
Decimal degrees 'DD' (DDD.DDDDD°)
Degrees and decimal minutes 'DM' (DDD° MM.MMM')
Degrees, minutes and seconds 'DMS' (DDD° MM' SS.S")
latlngDesignators Boolean false Show N-S and E-W
projected Boolean false Show projected coordinates
formatProjected String '#.##0,0' Number format mask for projected coordinates.
JavaScript Number Formatter project: sample/help page
latLngFormatter Function undefined Function that takes the lattitude and longitude as arguments and returns a single formatted string, e.g.
function (lat, lng) {
return lat + " north and " + lng + " west";
}

License

This software is released under the MIT license.