I am encountering some issues with the google maps component of a site.
I understand there has been recent changes to the use of maps and have generated an API key to use on the site.
The map is displaying fine on the idex.html page but displays error..
ReferenceError: Can't find variable: google
on the other two pages?
I am really in out of my depth with these type of things and appreciate any support that may be offered. The site is live at maverickonthebay.com.au
I check the page(url),
I guess you need to remove the defer attribute from the google-maps-api load script tag.
Because the code is minify, is hard to check whats wrong and why.
Related
If you open a PDF file from Google Drive in a new window and go to the vertical 3 dots menu, you still can see the Embed item... option being made available to you. As such, I assume that Google still allows the PDF files to be embedded as shown below:
But as a result, I get the following errors being output to the Chrome browser console:
Uncaught (in promise) DOMException: Failed to execute 'getLayoutMap' on 'Keyboard': getLayoutMap()
must be called from a top-level browsing context.
I even tried with <embed> and <object> but no luck. I'm OK if it is just a warning and not an error, which is quite severe in the context of SEO. I just want to confirm if this is a bug or Google has officially discontinued the embed service, otherwise what would be the solution to tackle this issue? I just explored the Google Drive API but it doesn't seem to offer any solution for a proper HTML embed in particular.
Please advise. Thanks in advance!
http://barthumphries.com/apiary-map.html was my test site and it apparently works just fine. I moved it over to http://gorderhoney.com/where-our-honey-comes-from.php and the map simply isn't showing up. I tried setting the map to a static size, but still nothing. I even remembered to change the API key. On the gorderhoney site, the key is set to *.gorderhoney.com/* The old API key doesn't work either.
Edit: Ok, fine, someone doesn't like the post. But on https://developers.google.com/maps/support/ Google suggests that I use this site to ask for help. I'd appreciate just getting the help instead of getting downvoted and ignored. I would love to go elsewhere if there was some more official help forum to go to.
Try setting the key to gorderhoney.com/* as well.
Go to the Google Developer Page where you created the API key and find the option “Accept requests from these HTTP referrers (web sites)”. Next, you should add your website URL like this example.com/*. After doing so, the map will certainly show. I had the same issue in the past.
I'm trying to get Google Maps API v3 to work on my site and I'm running into 2 problems.
I'm using yepnope to load the API script asynchronously, and I get a "Load denied by X-Frame-Options" error in my console. It says http://maps.googleapis.com/maps/api/js?sensor=false&callback=init_google_maps&ver=3.0 does not permit cross-origin framing. This is odd to me because I'm not loading anything in a frame of any kind. Note that the map still loads, but the error in the console concerns me.
The map controls aren't displaying correctly. I don't think that this is related to the first issue because I get this even when I load the API the traditional way (synchronously), but it might be related in some way.
I'm not sure if it matters, but I'm running this on my "localhost" testing server. Any ideas on what could be causing these issues?
Update:
As discussed below, the X-Frame issue only occurs when I load the API via yepnope. I can't understand why using yepnope to inject a script tag causes the error and using a simpler js function doesn't though. My main concern, however, is the display of the map. I tested the map on a more stripped down page on my local server, and it displayed correctly. So, my current assumption is that I have a style (or script?) declared somewhere on the page that's interfering with Google maps.
Update 2:
Ok, the display issue if finally sorted out. I went through my main stylesheet and commented out portions until I had found the culprit. In order to make my images responsive in my fluid layout, I had declared img { max-width: 100%; }. Apparently, Google Maps don't like this. Once I overrode that style for the map container, everything displayed normally. The X-Frame issue still confounds me however.
Regarding the first problem, if you want to load the Maps API asynchronously, I would suggest using the technique described in the API documentation directly (a simple dynamically inserted <script> element) instead of yepnope. It should work fine that way.
On the second problem, running on localhost is no problem; that's a normal way to test a Maps API page. (I assume you mean using a local web server and loading your page in the browser from a localhost:// URL, not a file:// URL.)
Some symptoms like this can be caused by the map container element not being properly sized when the map is first created. In particular, trying to use height:100% can be problematic. But it's hard to guess without seeing a running example. Can you post the code to a web page somewhere? Maybe even in a JSFiddle if nothing else.
i have this problem, and it seems that i'm not alone.
If i embed a simple apps script form with some textarea,buttons and labels in a custom web url www.mydomain.com/mypage...the page simply don't show nothing and the Chrome console report that error:
Refused to display document because display forbidden by X-Frame-Options.
Instead if i see the page from the original url:
https://sites.google.com/a/mydomain.com/mysite/mypage
i see the apps script correctly.
Anyone solved that problem or can tell me a workaround??
Thank you
This is a known issue and there has been a lot of chatter on this topic. Here is the issue filed in issue tracker. You may star it. People have listed some workaround as well.
Google Apps Script Gadget not working with custom web address mapping
I have this on my page:
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>
I use this library so that on certain input elements I can display an autocomplete list of places.
Until a few days ago, it was working fine. Now, it doesn't work and I noticed this error on my Chrome's console:
GET http://maps.gstatic.com/cat_js/intl/en_us/mapfiles/api-3/9/10a/%7Bmain,places%7D.js?_=1343069114062 404 (Not Found)
I've come so far as to understanding that it's the ?_=1343069114062 part that is breaking (try http://maps.gstatic.com/cat_js/intl/en_us/mapfiles/api-3/9/10a/%7Bmain,places%7D.js - works fine.)
Can you help me figure this out?
Thank you.
Apparently something else on my document was interfering.
I just moved the script tag to another position in the document and everything now works fine.