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 apples 和39.692101 香蕉不是东京的正确坐标。每个坐标都有一个特定的投影，没有它，数据就毫无意义。

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

  

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

第二个错误是您混合了X和Y，它应该是[139.692101, 35.689634]

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;