How to access the OpenLayers API? about ngx-openlayers HOT 3 CLOSED

You can basically import all from openlayers like this:

import * as ol from 'openlayers';

Then you can use the OpenLayers native api. For example to transform the coordinates given by the onClick event to lat long:

onMapClick(event: ol.MapBrowserEvent) {
    const coords = ol.proj.toLonLat(event.coordinate);
    console.log('map click: ', coords);
  }

from ngx-openlayers.

You need to import AngularOpenlayersModule from the npm package and then import it in your desired NgModule.

Could look something like this:

import { AngularOpenlayersModule } from 'ngx-openlayers';

@NgModule({
  imports: [AngularOpenlayersModule]
  // other props left out for simplicity
})
export class AppModule {}

Now the components are usable within scope of the AppModule. Consult the documentation or the demo project on how to use the components.

P.s. I agree that importing the api could be better documented. It also would be nice if the lib did support automatic setup with ng add.

Edit: Whoops, seems like I've misinterpreted your question. Sorry. I think you could still use the native ol api.
The corrdinate "format" is set via the [srid] propertys.

from ngx-openlayers.

Ok, do you have a snippet for using the native ol api in an Angular project? I'm fuzzy on modules, typings, precise import mechanics, ... Do I have to install another package for the ol api?

from ngx-openlayers.