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

时间:2015-07-16 20:20:53

标签: typescript openlayers

我想尝试使用typescript:

在openlayers中设置一个简单的地图

https://github.com/borisyankov/DefinitelyTyped/blob/master/openlayers/openlayers.d.ts

我拿这个文件,把它放进

/typings/openlayers/openlayers.d.ts

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

import {     地图 来自“olx”;

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

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

2 个答案:

答案 0 :(得分:8)

首先安装openlayers:

npm install openlayers

然后将类型openlayers安装到你的dev env:

npm install --save-dev @types/openlayers

要导入我试过:

import * as ol from 'openlayers';

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

new ol.Map();

答案 1 :(得分:0)

  

从" olx";

导入{Map}

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

推荐:https://www.npmjs.com/package/openlayers

将定义文件扩展为:

declare module "openlayers" {
    export = olx;
}