OpenLayers display all markers on screen

javascript openlayers openstreetmap
Klaasvaak picture Klaasvaak · Apr 9, 2013 · Viewed 7.9k times · Source

How do I get all the markers on the map so the users can see all of them?

I have got some amount of markers. I am displaying them on the map. The center LonLat I get from taking the average of the highest and the lowest numbers of the lon and lat of all my markers.

So I set my map to the center point of all my markers using:

map.setCenter(centerLonLat, 8);

8 is just a random zooming level. Is there any way to calculate the perfect zooming level so all the markers are displayed in the map?

Answer

AnthonyLeGovic picture AnthonyLeGovic · Apr 10, 2013

A similar way to do it, avoiding a loop, is given by OpenLayers getDataExtent() function here. You need to apply it on the layer containing your markers :

var newBound = map.myLayer.getDataExtent();
map.zoomToExtent(newBound);

Related questions

Min/max zoom level in OpenLayers

I'm using OpenLayers to display a map in a web page. I am using tiles from CloudMade, but the same issues occur with the Mapnik tiles from OpenStreetMap. I'm trying to restrict the map so that the user cannot zoom …

Read More
Openlayers circle Polygon on OpenStreetMaps layer

I'm trying to create a circle with a defined center and put an icon marker on it. The code is working if I use images instead of OpenLayers.Geometry.Polygon.createRegularPolygon. I wasn't able to solve it. here you find …

Read More
Change Projection in OpenLayers Map

I want to set "EPSG:4326" as the projection of an OpenLayers map, but when I try it, I always get "EPSG:900913". function init() { var options = { projection: new OpenLayers.Projection("EPSG:4326") // ignored }; map = new OpenLayers.Map('map', options); var layer = new …

Read More