城市坐标上的 OpenLayers 4 中心地图

Question

我在将我的地图置于创作中心时遇到问题。

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

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

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

城市坐标上的 OpenLayers 4 中心地图

OpenLayers 4 center map on city coordinates

javascript

center

openlayers