OpenLayers 4.6.5中心不起作用

Question

中心不工作

https://jsfiddle.net/YuK1Game/katcr16L/8/

let olView = new ol.View({
    center: [35.689634, 139.692101],
    zoom: 4,
});

中心35.689634、139.692101是日本东京。 但是，它不能正常工作，谢谢

Answer 1

35.689634 苹果和39.692101 香蕉不是东京的正确坐标。 每个坐标都有特定的投影，没有它，数据将毫无意义。

视图也有一个投影，默认为EPSG:3857 。 您的坐标在EPSG:4326 （WGS84）中。

投影。 默认值为EPSG：3857（球形墨卡托）

第二个错误是您将X和Y混合在一起，应该是[139.692101, 35.689634]

 const center = ol.proj.transform([139.692101, 35.689634], 'EPSG:4326', 'EPSG:3857'); console.log('center is:', center); let olView = new ol.View({ center: center, zoom: 4 // default projection: 'EPSG:3857' }); let olLayers = [ new ol.layer.Tile({ source: new ol.source.OSM(), }) ]; new ol.Map({ layers: olLayers, view: olView, target: 'app', }); 

  <link href="https://openlayers.org/en/v4.6.4/css/ol.css" rel="stylesheet"/> <script src="https://openlayers.org/en/v4.6.4/build/ol-debug.js"></script> <div id="app"></div>