I have implemented the proto theme to my dnn application.
While i have hosted my application to my development server, Google map is working fine.
When I have moved my code to the live server, it stops working.
Getting "missing key map error" error message while checking the console.
Not able to locate
<script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=false"></script>
Thanks
I wonder if you need the entire source to the map instead of
//maps.google.com/maps/api/js?sensor=false
Have you gone back to google maps and tried exporting the code snippet / link again?
Related
I have deployed my React PWA on AWS Amplify. Works perfectly on the Chrome Desktop browser on localhost as well as when deployed to AWS Amplify. Unfortunately though, on Safari Desktop as well as on Chrome and Safari on my iPhone, I always only get a blank page. Important to know: I am using basic auth.
I have looked into the Safari web developer tools on my iPhone and I can see in the console that I get a 401 error on loading manifest.json. This error does not show up on Chrome on Desktop and here the app works flawlessly as described above.
What could be the cause here?
I have already tried the following:
Playing around with all possible rewrite rules in AWS Amplify. Currently I use the rule </^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf|map|json)$)([^.]+$)/> --> index.html (200)
Setting attribute homepage in my package.json either to "." or also to the base url of where my AWS amplify deployment lands
Adding the attribute crossorigin="use-credentials" to the reference of manifest.json in the index.html page (<link rel="manifest" href="%PUBLIC_URL%/manifest.json" crossorigin="use-credentials" />)
After reading all possible posts on stackoverflow and anywhere else in the web, I am stuck. Can somebody maybe give me another idea to try out?
Thanks a lot and best regards
EDIT 1: I am trying to use Bluetooth on that React app. What I now also figured out is that I also get an error message Invariant Violation: This device is not capable of using Bluetooth - could that be the reason for the white screen?
OK, for all who might stumble above the same issue in the future - the problem was the Bluetooth connection I was trying to build up. I had not paid enough attention to the console warning Invariant Violation: This device is not capable of using Bluetooth cause I had thought this could not cause the problem. But it did. After removing the Bluetooth capability, the app renders as expected on all browsers no matter if Desktop or mobile device. Now I have another issue finding out how to somehow get around this Bluetooth issue but that's another topic. This question here can be closed / marked solved.
Google analytics script fails to load with 500 error code on the website however if the link is opened in a new tab it's working fine.
Checked on MacOS BigSur Chrome, Firefox, Safari in normal and Incognito/Private mode without any active browser extension and got the same error.
Even the solution provided by NextJS https://github.com/vercel/next.js/tree/canary/examples/with-google-analytics does not work
Whatever I tried, I can't get rid of this error: GET https://www.googletagmanager.com/gtag/js?id=G-O5IW7EZ46Q net::ERR_ABORTED 500
Also tried to create simple static site to check is it NextJS issue or not and seems like it's not. https://codesandbox.io/s/nifty-currying-1hzu1?file=/index.html - this is the link to sandbox with google analytic script initialization and it fails as well with same error code.
Try to move the Google Analytics snippet in head section of the page.
I found the problem. The issue was in the Adguard software installed on the machine. Since the app was on OS level tt was automatically blocking across all browsers and private or incognito mode.
Just started developing hybrid apps with the ionic framework, and ran into a little problem.
I am trying to embed a Google map, but can't wrap my head around a lille issue.
First, I downloaded and implemented the "Angular Google Maps" from
http://angular-ui.github.io/angular-google-maps/
Then I created a API key through the Google developer console.
Added my applications id, from the config.xml, to the allowed url's
Added the key as part of the config section:
uiGmapGoogleMapApiProvider.configure({
key: 'added the key here',
v: '3.20', //defaults to latest 3.X anyhow
libraries: 'weather,geometry,visualization'
});
Added uiGmapgoogle-maps as a module
Placed <ui-gmap-google-map center='map.center' zoom='map.zoom'></ui-gmap-google-map> where I wanted the map to be.
....and now the problem:
When I fire up the app in the Ripple emulator, the maps shows just fine, for a second, and then tells me that the page was unable to display a Google Maps element, and gives me an "InvalidKeyOrUnauthorizedURLMapError", but it is an periodic error, because somethimes it actually works, without throwing an error, but then I try it on a live device, and the screen is just blank.
It is pretty safe to say, that I forgot something, or doing something wrong, but thank you very much in advance.
[EDIT]Well, if I remove all the restrictions for the Google Maps API, it works in the Ripple emulator, so I can change the question to: What url am I supposed to specify as allowed, when it is a cordova app?
And what causes the empty map when executed on a real device?[/EDIT]
This is my first post on stackoverflow, I've looked around and haven't found an answer to this one yet:
I've got highcharts in a gwt application running on gae. Over http highcharts works fine, forcing https through setting security-constraint as CONFIDENTIAL in web.xml causes the application to be unable to render charts.
In main html page I am calling is 'script type="text/javascript" src="js/highstock.js">
Must the application allow unsecure resources in order to run highcharts then?
In case when you would like to use highstock by SSL, you need to download file from our website and load locally.
I have just updated my web site to include a page which includes some functionality using Google Maps, see here http://twenty20investments.com/Research/ETFMarketMap.aspx.
Although I have generated the key in all manner of ways and combinations, when I click on this link I get the message that one needs to get a different Google Maps API key. However, the maps application works fine and does not show this error again, that is until one next clicks the link.
When generating my key should I be creating a Server or a Browser key?
Key for browser apps (with referers)
API key: AIzaSyB43pMEmHePuEpqxoSESxpLfUVq8lfz7AY
Referers: *twenty20investments.com
or
Key for server apps (with IP locking)
API key: AIzaSyCA16KV7uH6ZCUByJ6fXXM1nFPprt7-_X8
IPs: *twenty20investments.com
Is my use of the wild card correct?
Is my code correctly used?
Has anyone else had this problem where the Maps application works fine but the error message is displayed when the page is first loaded?
Many thanks for some help here, this is now driving me mad.
Allan
You've got 2 calls to the maps API in your page. Remove the first one which contains the incorrect key.
<script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAPDUET0Qt7p2VcSk6JNU1sBSM5jMcmVqUpI7aqV44cW1cEECiThQYkcZUPRJn9vy_TWxWvuLoOfSFBw" type="text/javascript"></script>
<script src="http://maps.google.com/maps?file=api&v=3&sensor=false&key=AIzaSyB43pMEmHePuEpqxoSESxpLfUVq8lfz7AY" type="text/javascript"></script>