openlayers - parameters for mapCenter

Question

Hi, I am trying to run this very simple code:

var map;

function init()
{
    map = new OpenLayers.Map('map');

    layerMapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik", {buffer: 4});
    map.addLayer(layerMapnik);

    map.setCenter(new OpenLayers.LonLat(16.5, 49.2), 5);
}

$(function(){
    init();
});

Everything is ok, map is displayed but it is still centered here http://img35.imageshack.us/img35/5333/6e03cfcd14e24b2c9e6c32e.png instead of here http://img338.imageshack.us/img338/4448/a501b38ec63e4da494b68da.png

Any thoughts what I am doing wrong?

Accepted Answer

Your map is in spherical Mercator coordinates and you're setting it to a centre given in degrees. Try this:

var proj4326 = new OpenLayers.Projection("EPSG:4326");
var projmerc = new OpenLayers.Projection("EPSG:900913");
var lonlat = new OpenLayers.LonLat(16.5, 49.2);
lonlat.transform(proj4326, projmerc);
map.setCenter(lonlat, 5);

The problem you are seeing is a general OpenLayers issue when dealing with projections, and not limited to OpenStreetMap. Using a simpler toolbox like Leaflet would help you avoid these issues.

openlayers - parameters for mapCenter

Follow this question

Related questions