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
        })
    })

它在咖啡脚本中，但你会明白的。问题是，地图根本没有居中。它卡在 [0, 0] 我做错了吗？

Answer 1

默认情况下，视图的投影是 Web Mercator (EPSG:3857)。这意味着视图中心的坐标应在该投影中表示。

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

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