的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') 
});