如何包含打字稿openlayers 3外部模块？

Question

我想尝试使用typescript在openlayers中设置一个简单的地图：

我拿那个文件，把它放进去

/typings/openlayers/openlayers.d.ts

我在我的根目录的顶部有一个app.ts文件：

从“olx”导入{Map};

在我的tsconfig.json中，我已经包含了openlayers.d.ts文件的路径。 但是我在使用npm的typescript包中的tsc命令时没有定义olx。

我想要的只是绘制一个简单的openlayers3地图，希望如果可能的话不要过多地偏离javascript。

Answer 1

首先安装openlayers：

npm install openlayers

然后在开发环境中安装类型openlayers：

npm install --save-dev @types/openlayers

要导入我试过：

import * as ol from 'openlayers';

然后你可以像这样在openlayers中调用任何东西：

new ol.Map();

Answer 2

从“olx”导入{Map};

这不起作用，因为没有名为"olx"环境外部模块。 另外， olx指的是NPM上的其他内容https://www.npmjs.com/package/olx，因此我们建议不要使用此名称。

定义文件扩展为：

declare module "openlayers" {
    export = olx;
}