Openlayers grab center coordinates at map move-end-event
HTML
<script src="http://dev.openlayers.org/releases/OpenLayers-2.13.1/OpenLayers.js"></script>
Openlayers grab center coordinates at map move-end-event
<br />Grabbed Centerpoint: <b><span id="infos"></span></b>
<div id="map"></div>
CSS
#map {
width: 700px;
height: 350px;
border: 1px solid black;
}
JavaScript
var map = new OpenLayers.Map("map");
map.addLayer(new OpenLayers.Layer.OSM());
map.zoomToMaxExtent();
var points = [
new OpenLayers.Geometry.Point(50000, 950000),
new OpenLayers.Geometry.Point(800000, 1250000),
new OpenLayers.Geometry.Point(340000, 2350000)];
var features = [new OpenLayers.Feature.Vector(points[0]),
new OpenLayers.Feature.Vector(points[1]),
new OpenLayers.Feature.Vector(points[2])];
var layer = new OpenLayers.Layer.Vector("Test");
layer.events.register("featuresadded", map, function () {
console.log(layer.getDataExtent().toString());
});
layer.addFeatures(features);
map.addLayer(layer);
map.events.register("moveend", map, function () {
var centerpoint = map.getCenter().toShortString();
console.log(centerpoint);
alert(centerpoint);
document.getElementById("infos").innerHTML = centerpoint;
});