Forum | Appery.io

Has anyone figured out how to use your own Google Maps API key when using an Appery Google Map component? I've read through the forums and the answers point everyone to Google Maps documentation but Google documentation doesn't explain how to make an Appery.io app stop using Appery's key and start using your own key. Thanks in advance.

Hello,

Please read more here https://developers.google.com/maps/do...

You will need to modify this in Sources:

Find this row in PageName.html in Source-WEB_RESOURCES
precode<script type="text/javascript" src="https:&#47;&#47;maps&#46;google&#46;com/maps/api/js?sensor=true">
</script> /code /pre

Should be like this:
precode<script type="text/javascript" src="https:&#47;&#47;maps&#46;google&#46;com/maps/api/js?sensor=true&key=API_KEY">
</script>/code/pre

Where API_KEY is your API key.

Hello,

can I add it on external resources tab -- User-defined resources?

https://maps.googleapis.com/maps/api/...

please confirm..

Hello,

Sure, you can

No .. it does not works.. I meant .. I can't put API key in the external resource tab

Alert:

This page was unable to display a Google Maps element. Please contact the site administrator. If you are the administrator of this site, please check the JavaScript console or check the following page for troubleshooting http://g.co/mapJSApiErrors

but if I don't put the API key then it works properly but sometimes I got OVER_LIMIT message any way..

Please remove google map component from your app if you use your own API Key, and add link to that file and map html-layout to the HTML component

BTW - it looks like the sensor parameter has been deprecated, and should not be used

http://stackoverflow.com/questions/86...

confirmed at

https://developers.google.com/maps/ar...
and
https://developers.google.com/maps/do...

if correct, perhaps it would help to update the tutorial at https://devcenter.appery.io/tutorials...
and remove the sensor - it causes confusion and console log warnings...

Also - according to this
https://developers.google.com/maps/do...

it appears that nowadays, the API should be accessed through a different base URL, e.g.
src="https://maps.googleapis.com/maps/api/..."

example?

Please look at this topic with an example: https://getsatisfaction.com/apperyio/...