Google maps, API key for file:///

ionic-v1
1

I have problem with API keys for Google Maps, which should be restricted for domain (https://console.cloud.google.com/).

Does anyone tried to solve problem with something like: file:///var/containers/Bundle/Application/2B1307E3-34E7-412F-9229-8CFEC75C0118/MyApp.app/www/index.html#/app/Map, which calls maps.google.com with key parameter?

It seems there is no option how to write down wildcard like file:///*, /MyApp.app/ etc.

The response to JS console is still:
ERROR: Google Maps API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
Your site URL to be authorized: file:///var/containers/Bundle/Application/B180BD69-1025-4E43-9AF4-8C4528F6E4FB/MyApp.app/www/index.html#/app/Map

There is a option for iOS key (and Android key) besides Browser key which I use, but iOS key is not compatible with Cordova app, there is different app file structure. Browser key has to be used.

2

same problem for me, i have to wildcar everything, but that druty …

3

i am also getting the same error.

Did you find any solution for the same.

4

Found solution, not fully implemented yet, but this should works even better then Javascript API: https://github.com/mapsplugin/cordova-plugin-googlemaps

5

And if you use side menu: Using google maps cordova plugin, this solution works.