Skip to content

heyman/leaflet-centermarker

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

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

Leaflet CenterMarker

CenterMarker is a small Leaflet plugin for adding a marker that will be fixed to the center viewport of the map, when the map is panned/dragged.

Features

Works like the default Leaflet Marker class, but it's position will be fixed relative to the viewport when the map is dragged. When the map has been dragged the CenterMarker will fire a "newposition" event.

See it in action

Leaflet CenterMarker can be seen in action on What is my address?

You can also see the bundled examples.

Example Code

Create a center marker and add it to a map:

var map = L.map('map', {keyboard: true}).setView([59.324617, 18.071457], 4);

// the marker gets it's position from map.getCenter()
var marker = L.centerMarker(map);
marker.addTo(map);
marker.on("newposition", function(ev) {
    console.log("Marker got new position:", marker.getLatLng());
});

Known limitations

Currently, the marker is only kept center when the map is panned by drag event, and not if it's panned by arrow keys on the keyboard or zooming.

Author

CenterMarker is developed by Jonatan Heyman.

License

MIT License

About

Leaflet Marker that is kept fixed to the center of the map

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published