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();