的OpenLayers 3地图创建不居中

Question

我有以下的代码非常简单：

@map_center = [-32.951106, -60.669952] 
@map = new ol.Map({ 
     target: 'map-canvas', 
     layers: [new ol.layer.Tile({source: new ol.source.OSM()})], 
     view: new ol.View({ 
      center: @map_center, 
      zoom: 5 
     }) 
    }) 

它在CoffeeScript中，但你会得到的想法。问题是，地图根本不居中。它卡在[0，0] 我做错了什么？

Answer 1

默认情况下，视图的投影是Web墨卡托投影（EPSG：3857）。这意味着视图中心的坐标应该用该投影表示。

如果您有纬度和经度，则可以使用ol.proj.transform函数将纬度经度转换为Web墨卡托坐标。例如：

var view = new ol.View({ 
    zoom: 4, 
    center: ol.proj.transform([-60, -32], 'EPSG:4326', 'EPSG:3857') 
});