javascript - OpenLayers 4 城市坐标中心 map

Question

我在将 map 置于创建中心时遇到问题。

我的 javascript 代码来自快速入门指南，html 代码也是如此。

var map = new ol.Map({
    target: 'map',
    layers: [
      new ol.layer.Tile({
        source: new ol.source.OSM()
      })
    ],
    view: new ol.View({
      center: ol.proj.transform([51.35847, 7.49918], 'EPSG:4326', 'EPSG:3857'),
      zoom: 4
    })
  });

它就是无法居中，我不明白为什么？我完全按照 stackoverflow 上其他问题和主题中的描述进行操作...

fiddle :https://jsfiddle.net/gpo33ga6/

Answer 1

解决方案如下:

var map = new ol.Map({
    target: 'map',
    layers: [
      new ol.layer.Tile({
        source: new ol.source.OSM()
      })
    ],
    view: new ol.View({
      center: ol.proj.fromLonLat([7.49918, 51.35847]),
      zoom: 4
    })
  });

请注意该函数采用的是 (Lon, Lat) 而不是 (Lat, Lon)。