How to include typescript openlayers 3 external module?

Question

I want to try setting up a simple map in openlayers using typescript:

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

I take that file, put it into

/typings/openlayers/openlayers.d.ts

I have an app.ts file at the top in my root directory that I put:

import { Map } from "olx";

In my tsconfig.json, I've included the path to the openlayers.d.ts file. But I am gettting olx is not defined when I use the tsc command from npm's typescript package.

All I am going for is drawing a simple openlayers3 map, hope to not deviate from javascript too much if possible.

Answer 1

First install openlayers:

npm install openlayers

Then install types openlayers to your dev env:

npm install --save-dev @types/openlayers

To import I tried:

import * as ol from 'openlayers';

Then you can invoke anything in openlayers like this:

new ol.Map();

Answer 2

import { Map } from "olx";

This will not work as there is no ambient external module called "olx" . also olx refers to something else on NPM https://www.npmjs.com/package/olx so we recommend not using this name.

Recommend : https://www.npmjs.com/package/openlayers

With a definition file extended as:

declare module "openlayers" {
    export = olx;
}