Custom Google Maps embed error
-
I have been trying to embed a custom google map into a page and nothing seems to work. It seems to be an issue with the conversion from iframe to googlemaps shortlink. I get “404 error That’s an error. The requested URL /map/embed was not found on this server. That’s all we know.”
google maps generated iframe:
<iframe src=”https://mapsengine.google.com/map/embed?mid=z_kat4Gpvwd4.k-4-05oV17Ug” width=”640″ height=”480″></iframe>googlemaps shortlink:
[googlemaps https://maps.google.com/map/embed?mid=z_kat4Gpvwd4.k-4-05oV17Ug&w=640&h=480%5DThe URL link works just fine: https://mapsengine.google.com/map/edit?mid=z_kat4Gpvwd4.k-4-05oV17Ug
But I want to have an interactive map directly embeded in my page not just a link.
Any ideas? I am hoping it is something really simple that I just missed.
Thanks in advance.The blog I need help with is: (visible only to logged in users)
-
I’m having the exact same problem. It appears that the issue is with how the [googlemaps ...] tag works. It appears to hardcode the URL as maps.google.com no matter what you do instead of using the correct mapsengine.google.com domain which would work just fine.
-
Have you had any success?
I tried some changes like that with no success. The only new result was a blank map instead of a Google error message. That change occurs when I change “/map/” to “/maps/” but that isn’t helpful. No idea why.
[googlemaps https://maps.google.com/map/embed?mid=z_kat4Gpvwd4.k-4-05oV17Ug&w=640&h=480%5D
[googlemaps https://maps.google.com/maps/embed?mid=z_kat4Gpvwd4.k-4-05oV17Ug&w=640&h=480%5DI have extracted code generated by custom google maps in the past that worked just fine but now nothing seems to work. It appears the issue is as you say in the conversion. If I manually change it, nothing happens. Is there anything else to do?
-
I don’t believe it is fixable today. WordPress doesn’t allow arbitrary iframes for a good reason (it’s dangerous security wise). They do allow linking to maps.google.com (because it is trusted) but they haven’t updated the [googlemaps ...] tag to also support the newer mapsengine domain. I’m afraid the only workaround at this point is to use the legacy My Maps functionality on maps.google.com and get the link from there. Unfortunately that doesn’t support most of the cool stuff mapsengine supports.
-
Well, thank you for your responses. At least I now know it is time to move onto other options. Otherwise i probably would have keep trying to figure out the puzzle. Cheers.
-
Thanks for this discussion – I’m having the exact same problem and was close to a meltdown. Very frustrating that it doesn’t work with the new maps engine.
-
Looking at the link structure, I’d hope this would be easy to fix. My guess is they have the [goooglemaps …] tag as a way to whitelist iframe’s for Google Maps but not allow them for anything else. If you look at the source of the rendered page it converts it back to a regular old iframe.
Example working old style map as Google gives it to me for embedding:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2688.737020680478!2d-122.314546!3d47.631243!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zKzQ3wrAzNyc1Mi40NyIsIC0xMjLCsDE4JzUyLjM3Ig!5e0!3m2!1sen!2sus!4v1389305249247" width="600" height="450" frameborder="0" style="border:0"></iframe>As modified by the WordPress page editor:
[googlemaps https://maps.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2688.737020680478!2d-122.314546!3d47.631243!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zKzQ3wrAzNyc1Mi40NyIsIC0xMjLCsDE4JzUyLjM3Ig!5e0!3m2!1sen!2sus!4v1389305249247&w=600&h=450]The actual page source when I view the page:
<div class="googlemaps"><iframe width="600" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2688.737020680478!2d-122.314546!3d47.631243!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0:0x0!2zKzQ3wrAzNyc1Mi40NyIsIC0xMjLCsDE4JzUyLjM3Ig!5e0!3m2!1sen!2sus!4v1389305249247"></iframe><br /><small><a href="https://maps.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2688.737020680478!2d-122.314546!3d47.631243!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0:0x0!2zKzQ3wrAzNyc1Mi40NyIsIC0xMjLCsDE4JzUyLjM3Ig!5e0!3m2!1sen!2sus!4v1389305249247" style="text-align:left">View Larger Map</a></small></div>It seems like it’d be trivial considering they preserve the full domain name in the [googlemaps ...] tag to just allow both maps.google.com and mapsengine.google.com. It irritates me greatly that people have been posting about this for months and nobody has fixed this at WordPress.
-
Consider me another frustrated wordpress user trying to embed a ‘new’ google map into my blog. Google doesn’t want to let me go back to old maps and WordPress won’t show the new format? Problem…
-
-
Thanks for posting. I’m another WordPress.com user now frustrated with the inability to embed Google Maps Engine Lite.
Come on WordPress, please enable this for your users.
-
-
-
Forum threads – new Google maps engine
The existing thread requesting the new Google maps engine is at this link https://en.forums.wordpress.com/topic/allow-embedding-maps-engine-maps-on-wordpresscom?replies=45
The instructions for using the previous iteration are here > http://en.support.wordpress.com/google-maps/
-
tried to embed a map into my blog the whole midmorning, very frustrating to find all these threads about the same topic and nothing happens….
If I´d do my job like this, probably I´d none anymore….
- The topic ‘Custom Google Maps embed error’ is closed to new replies.
WordPress.com Forums 