Display google maps without exposing api-key [duplicate] - google-maps

This question already has answers here:
How do I securely use Google API Keys
(2 answers)
How do I create environment variables to protect my Google Maps API Key(or any other secret value) for my website?
(2 answers)
Closed 2 years ago.
My question is how to display the google map without exposing the api-key in the front end.
For retrieving simple JSON response from google i can store the api-key on my server and then using fetch in my react Frontend retrieve data from google over my server. e.g.:
react front <-> myServer [gmap api key] <-> google
fetch/axios('requestToMyServer').then(display Response)
However cant figure out so simple how to dsiplay the actual map.
Storing the API-Key in the .env as a variable is not a solution, if I can simply console.log(varName) from the client and abuse the key.
All kinds of hints, suggestions and solutions are welcome.
Thank you all in advance <3

Related

MissingKeyMapError, related to domains? [duplicate]

This question already has answers here:
ERROR: Google Maps API error: MissingKeyMapError
(7 answers)
Closed 6 years ago.
I am Using Google Maps API to display google reviews. Works on our development domain but when I update the vhost to a different production domain it fails. I don't get why it would matter if I uses our.dev.com or our.site.com. Has anyone seen this before ? It's not a server issue as I can replicate the problem on the same box.
Browser Console:
js?libraries=places:34 Google Maps API error: MissingKeyMapError
https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error
_.kb # js?libraries=places:34
EDIT: THIS IS NOT A DUPLICATE QUESTION as it does not match the same problem. This DOES work at times depending on the domain opposed to the "duplicate" question that doesn't work at all.
Google Maps JavaScript API requires an API key.
You can find description of the error in the documentation:
MissingKeyMapError The script element that loads the API is missing the required authentication parameter. If you are using the standard Maps JavaScript API, you must use a key parameter with a valid API key. If you are a Premium Plan customer, you must use either a client parameter with your client ID or a key parameter with a valid API key.
https://developers.google.com/maps/documentation/javascript/error-messages
An API key was announced as mandatory parameter on June 22, 2016:
https://maps-apis.googleblog.com/2016/06/building-for-scale-updates-to-google.html
Domains that were known before June 22, 2016 were "grandfathered", so they allow keyless access, but new domains created after June 22, 2016 must use API keys.

Filtering through a Google Doc JSON object with Angular JS

How can I simply the code I get back from google docs api request? So I can use it in an angular app and filter through the information?
I asked this question about 8 months ago. I think it would be possible to strip down layers of junk data surrounding the meat of the json object. However, if you're using a google doc as a database, find another alternative if you can.

Google Maps JavaScript API v3 - Getting Started [duplicate]

This question already has answers here:
The key provided is not a valid Google API Key
(5 answers)
Closed 8 years ago.
I copy-pasted an example from the Google Maps Get Started page
into Notepad and include my newly created API key.
When I run it, it gives me the error:
google disable use of the map API for this application. The provided key is not valid google API key
How can I fix this?
What API version are you using v2 or v3 ? A key for V3 is not necessary to start.
Perhaps did you mix a v2 key with a v3 key or vice-versa ?
Please paste / copy the code you use.

REQUEST_DENIED:: This IP, site or mobile application is not authorized to use this API key. error while accessing geocode service [duplicate]

This question already has answers here:
This IP, site or mobile application is not authorized to use this API key
(14 answers)
Closed 2 years ago.
Invoking the Geocode web service through IBM application server.
and below is the Geocode service URL.
https://maps.google.com/maps/api/geocode/xml?address=1601%2BRutherford%2BLn%2CAustin%2C78754%2CTX&sensor=false&key=generated key from google
I have generated API key, using my machine(where program is running),
I also tried updated with public IP address(This machine is office network).
Any Insight would be appreciated and advanced Thanks
Need to create the public Api key to avoid those error message while access the service.
Refer this link to know how to create the public api key http://hmkcode.com/getting-android-google-maps-v2-api-key/

UserManager.getAllUsers() Returns Subset [duplicate]

This question already has an answer here:
Where Are My Google Apps Domains?
(1 answer)
Closed 8 years ago.
A call to UserManager.getAllUsers() fails to return all users, looks like it's not aware of sub-domains using google apps. It only returns users for domain.edu and not sub.domain.edu. How can I obtain all available users ?
There's no concept of a sub-domain in google apps. When a google apps domain is set up using a sub-domain, it's an independent instance of Google Apps.