Google Maps React - This page cannot load google maps correctly - reactjs

I'm sure this question has been asked a million times before, I have searched every answer on the internet and i'm still having no luck.
The error is actually this - You must enable Billing on the Google Cloud Project at
https://console.cloud.google.com/project/_/billing/enable Learn more at
https://developers.google.com/maps/gmp-get-started when viewing in the browser console.
I have tried several different things such as:
1) Using our internal company API key which is used within our prod app.
2) Creating my own personal account via the Google Dev Console, generating an API Key and adding my own personal card details so that billing is enabled.
I have also consulted these different pages:
1) This page didn't load Google Maps correctly
2) Enable Billing on the Google Cloud Project
3) https://www.embedgooglemap.co.uk/fixed-this-page-cant-load-google-maps-correctly-error/
I have waited to 5/10 mins as suggested on some of the posts, I have regenerated my keys, I have ensured that the API key is linked to the billed account.
However, NOTHING is working! I am finding this highly frustrating as i've done this lots of times before.
The way I am using my key is as follows:
import { withGoogleMap, GoogleMap, withScriptjs, InfoWindow, Marker } from "react-google-maps";
import Geocode from "react-geocode";
import Autocomplete from 'react-google-autocomplete';
Geocode.setApiKey("API-KEY-HERE");
Geocode.enableDebug();
Does anyone know where I am going wrong with this? As i have been looking into this for hours now and cannot figure it out!
Thanks!

It turned out that I had a hardcoded API key somewhere else in my file. Swapping that out for my proper API key has worked :)

Related

Admob is not showing ads on real device after build. Expo React-native

Expo SDK Version: 36.0.0
Platforms(Android/iOS/web/all): Android
I use the expo Admob lib to implement AdMob banners and interstitial Ads on my App. When running through expo cli on my emulator it works perfectly. When I use real adUnitID it shows a real ad. However, after building the apk file and installing on real devices, the Ads are not showing anymore.
My implementation is quite simple:
<AdMobBanner
bannerSize="mediumRectangle"
adUnitID={'ca-app-pub-my-key/my-key'}
onAdViewDidReceiveAd={() => adReceived('success')}
onDidFailToReceiveAdWithError={() => adReceived('err')}
/>
adReceived(arg) - it’s just a logger, which save results, do I have success request to Google ad server or not.
On real device I have err messages. So, it looks like then app doesn’t have permission to making request to the internet.
I don’t have permission section in my app.json, and any other specific setting in this file. According to Configuration with app.json page - To use ALL permissions supported by Expo, do not specify the "permissions" key.
I found on stackoverflow and expo-forum a lot of relevant topics. And no one provided any working solution.
If I should provide some additional information, please specify what I need to add.
If there is a solution to this, which I didn’t find then please add the link.
Let’s help to resolve this question once and forever for all developers.
Thanks!
According to this post, there are six reasons. But probably, you did not update your payment details or your region has a slower fill-rate. Slower fill-rate means, there are less advertisers targeting these markets (in your region or language).
how I fixed the problem
first of all - you can add an argument with error
onDidFailToReceiveAdWithError={(errorCode) => console.log(errorCode)}
secondly
When I added my apps to the Google Play store and install it from the store, then my app start showing Ad correctly

App Engine Image Service Link Stopped Working (HTTP 404)

We are storing images in Google Cloud Storage. We've generated a link, using the image service getServingUrl(). This link worked for some amount of time (a few hours) and then stopped working. We've got reports that the link is still accessible in the US, but not the UK.
Here's the link: http://lh3.googleusercontent.com/HkwzeUinidFxi-z6OO4ANasEuVYZYduhMiPG2SraKstC5Val0xGdTqvePNMr_bs7FLvj1oNzZjSWZe4dKcugaZ5hzaqfWlw=s36
Is anybody else experiencing this problem at all? If yes, has anyone cut them a ticket to investigate?
This is a known behavior for years. The getServingUrl() generates a temporary link to a CDN that is not guaranteed to last forever.
You have to generate a link on every request or from time to time or to use other solutions.
We ended up moving our images to S3 + CloudFront from Amazon. You can consider https://cloud.google.com/storage/ & https://cloud.google.com/cdn/
The serving URLs do not expire. I have a website with roughly 500k images that has been using the same image URLs for about 4 years now. All image links are still functioning and were only generated once (not on every request)

Unable to create a new project in the Google Developer Console

I'm unable to create a new project in the Google Developer Console. I have a single project there but any attempts to add a new one returns a Forbidden error message in the Activities log window (see http://i.stack.imgur.com/hpGI3.png).
I've tried different project names and changed the data location from US to EU but nothing is working.
Thanks.
I've had the same problem and after a day of hitting my head against it I figured it out.
Basically you need to enable 'Google Developers Console' in the apps section of Google Admin.
Go to admin.google.com
Go to Apps
Go to Additional Google Services
Go To Google Developers Console:
Make sure that that the developers console is enabled for the organisation who is getting the forbidden error message.
Note: If you have to enable it for an organisation or everyone this change can take upto 24 Hours. For me it took about 10 minutes to take effect.

How can I tell if I'm including google analytics twice?

I have a web app and I include google analytics. My active users seems to of spiked and I'm incredibly paranoid that I'm somehow double counting my analytics.
Is there any way to see if I'm doing this?
As Nebojsa mentioned, you can inspect source and search for ga.js or analytics.js to see if it's in your application twice.
Look through your source code to see if you have the partial rendering in multiple places (ex. header and footer)
Setup another Google Analytics account and test locally if its double counting your visits. See this post for setting up GA on localhost
Use the Google Analytics Tag Assistant to verify that everything is setup correctly. It will tell you if there are any implementation problems, including multiple tracking codes. It also helps with Adwords, re-marketing and other Google product scripts.
Use the Google Analytics Debugger. This would probably be the most helpful to determine if a single hit is being double counted as it walks you though every single function call the analytics urchin makes.
just open source in the browser and look-up for code of analitics...par example
_gaq.push(['_setAccount', ...

Invalid and/or missing SSL certificate when using Google App Engine

UPDATE: Please, if anyone can help: Google is waiting for inputs and examples of this problem on their bug tracking tool. If you have reproducible steps for this issue, please share them on: https://code.google.com/p/googleappengine/issues/detail?id=10937
I'm trying to fetch data from the StackExchange API using a Google App Engine backend. As you may know, some of StackExchange's APIs are site-specific, requiring developers to run queries against every site the user is registered in.
So, here's my backend code for fetching timeline data from these sites. The feed_info_site variable holds the StackExchange site name (such as 'security', 'serverfault', etc.).
data = json.loads(urllib.urlopen("%sme/timeline?%s" %
(self.API_BASE_URL, urllib.urlencode({"pagesize": 100,
"fromdate": se_since_timestamp, "filter": "!9WWBR
(nmw", "site": feed_info_site, "access_token":
decrypt(self.API_ACCESS_TOKEN_SECRET, self.access_token), "key":
self.API_APP_KEY}))).read())
for item in data['items']:
... # code for parsing timeline items
When running this query on all sites except Stack Overflow, everything works OK. What's weird is, when the feed_info_site variable is set to 'stackoverflow', I get the following error from Google App Engine:
HTTPException: Invalid and/or missing SSL certificate for URL:
https://api.stackexchange.com/2.2/me/timeline?
filter=%219WWBR%28nmw&access_token=
<ACCESS_TOKEN_REMOVED>&fromdate=1&pagesize=100&key=
<API_KEY_REMOVED>&site=stackoverflow
Of course, if I run the same query in Safari, I get the JSON results I'm expecting from the API. So the problem really lies in Google's URLfetch service. I found several topics here on Stack Overflow related to similar HTTPS/SSL exceptions, but no accepted answer solved my problems. I tried removing cacerts.txt files. I also tried making the call with validate_certificate=False, with no success.
I think the problem is not strictly related to HTTPS/SSL. If so, how would you explain that changing a single API parameter would make the request to fail?
Wait for the next update to the app engine (scheduled one soon) then update.
Replace browserid.org/verify with another service (verifier.loogin.persona.org/verify is a good service hosted by Mozilla what could be used)
Make sure cacerts.txt doesnt exist (looks like you have sorted but just in-case :-) )
Attempt again
Good luck!
-Brendan
I was facing the same error, google has updated the app engine now, error resolved, please check the updated docs.

Resources