在打字稿项目中使用 openlayers

Question

我正在尝试在我的带有打字稿的项目中使用 new ol (>6.0.0)。 在以前的版本中，我可以像这样使用它 -

///<reference path='../@types/openlayers/index.d.ts'/>

并使用全局 ol 对象，例如

ol.source.OSM()

但是较新版本的 ol 并没有真正的单个对象，而是许多模块。 我尝试使用新 ol 的类型引用文件夹的路径，但它似乎并没有真正起作用。 另一方面，当我尝试导入它们时，例如

import * as Map from 'ol/Map'

它说，我必须在我的打字稿配置中使用 module:"system" 或 module:"AMD"。 但这是唯一的方法吗？ 我的项目结构比较复杂，很难实现requirejs或systemjs。 在这种情况下，最好的解决方案是什么？

UPD：我在 index.html 中添加了 systemJS。 但是有一个很大的问题 - 每当我尝试导入我的 js 文件时，使用 systemjs 它工作得很好 - 我可以使用在其中声明的所有函数等等。 但是，当我在我的文件中包含任何导入时（例如从“someconst”导入 {A}），systemjs 停止处理大量错误消息。 我完全不明白为什么会这样。

Answer 1

您导入的方式已更改 - 不要使用ol命名空间。

显式导入类型：

import { Map } from 'ol';
import { fromLonLat } from 'ol/proj';
import { Coordinate } from 'ol/coordinate';
// etc

关于打字，官方打字还没有完全到位，但我发现https://www.npmjs.com/package/@types/ol 运行良好。