使用打字稿导入将开放层映射加载到电子 js答案

【问题标题】：Load open layers map to electron js with typescript imports使用打字稿导入将开放层映射加载到电子 js
【发布时间】：2019-01-31 03:54:33
【问题描述】：

我正在尝试使用打字稿导入在电子中加载 openlayers 地图。但是编译时会弹出以下异常

这是我要运行的代码

import Map from 'ol/Map';
import View from 'ol/View';
import TileLayer from 'ol/layer/Tile';
import XYZ from 'ol/source/XYZ';

new Map({
  target: 'map',
  layers: [
    new TileLayer({
      source: new XYZ({
        url: 'https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png'
      })
    })
  ],
  view: new View({
    center: [0, 0],
    zoom: 2
  })
});

有没有办法用电子加载最新的开放层？

提前致谢

【问题讨论】：

标签： javascript typescript electron openlayers openlayers-5

【解决方案1】：

为什么不直接使用 OSM 源？

  import Map from 'ol/Map.js';
  import View from 'ol/View.js';
  import TileLayer from 'ol/layer/Tile.js';
  import OSM from 'ol/source/OSM.js';

  var map = new Map({
    layers: [
      new TileLayer({
        source: new OSM()
      })
    ],
    target: 'map',
    view: new View({
      center: [0, 0],
      zoom: 2
    })
  });

【讨论】：