js?v=3&callback=angular2GoogleMapsLazyMapsAPILoader&key=xxxxxx&lib…:99 You have included the Google Maps API multiple times on this page. This may cause unexpected errors.

[02harleen]

I am working on angular 4 application. I have used two packages:- One is ng2-google-place-autocomplete and angular-google-maps. This two page does not work without a google API key. Please tell how to use multiple API keys in one application.

Packages name :- ng2-google-place-autocomplete and angular-google-maps

I get the following error in the console:- You have included the Google Maps API multiple times on this page. This may cause unexpected errors.

Please tell us how to solve this issue.

[sebholstein]

do you have multiple AgmCoreModule.forRoot() calls in different modules in your app?

[fabrizziocht]

Why don't you check this example? https://plnkr.co/edit/LdKdSj?p=preview
I used to use ng2-google-place-autocomplete , but now I prefer this solution.

[daBishMan]

@fabrizziocht how are you setting the key in your example? and thank you for sharing ?

[KthProg]

If you load the Google maps API through a script somewhere else on the page, you will get this error as this project loads the script itself on initialization.