How to import namespace when using third party lib with angular-cli

Question

According to Angluar-cli documentation here, I succeed to import any third party library and then to use typings (dt and custom). Youhouou !

But for Google types, I have to prefix all my types by the google.maps namespace :

let geocoder = new google.maps.Geocoder();

What can I do to use short names for types like this :

let geocoder = new Geocoder();

Thanks for any suggestion.

Detail of my Google Maps import are here : Getting started - How to use Google maps api with angular-cli

==== EDIT ====

The @Nikky answer show me the mistake with the google namespace : It will be available at runtime only after the google maps script will be loaded.

So the problem is located in all the constructor() and ngOnInit() that use the google.map types :

  constructor() {
    this.load();                     //will begin goooglemaps script loading
    this.onReady().then(() => {      //subscribtion to script loaded event
      this.geocoder = new google.maps.Geocoder();//'google is not defined' at runtime
    });
  }

Nikki Kononov · Accepted Answer · 2017-04-13 10:04:09Z

1

You can import the namespace and assign a name to it

import Geocoder = google.maps.Geocoder;

And then use it as if you were using native Geocoder API

let geocoder = new Geocoder();

answered Apr 13, 2017 at 10:04

Nikki Kononov

5491 gold badge8 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Karbos 538 Over a year ago

I have an error at runtime : "google is not defined"

Karbos 538 Over a year ago

I make a call to maps.googleapis.com/maps/api/js like this : stackoverflow.com/questions/42816363/…

Collectives™ on Stack Overflow

How to import namespace when using third party lib with angular-cli

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related