How to embed an iframe from Google map engine into WordPress.com?

• 

  caluchko · Member · Mar 11, 2014 at 7:12 pm

  • Copy link
  • Add topic to favorites

  I would like to to embed an iframe object from google map engine (specifically, a landsat annual timelapse) into my wordpress.com blog. WordPress.com generally does no accept iframes, but it does generate special shortcodes for some sites, including google maps.

  When I paste the following iframe into the text edit space in wordpress.com:

  <iframe width="854" height="480" src="https://earthengine.google.org/timelapse/player?c=https%3A%2F%2Fearthengine.google.org%2Ftimelapse%2Fdata&v=-12.97805,-70.51164,9.5&r=.25&p=true" frameborder="0"></iframe>

  WordPress.com generates the following shortcode:

  [googlemaps https://maps.google.org/timelapse/player?c=https%3A%2F%2Fearthengine.google.org%2Ftimelapse%2Fdata&v=-12.97805,-70.51164,9.5&r=.25&p=true&w=854&h=480]

  However, when I preview my post, there is no map animation. Instead, there is a gray box with this message “unable to resolve the server’s DNS address”.

  I am able to embed maps from google maps into my blog. The problem arises only with the google map engine landsat animation.

  Can anyone assist me with this problem?

  https://earthengine.google.org/#timelapse/v=-12.97805,-70.51164,9.853,latLng&t=2.87

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · Mar 11, 2014 at 7:33 pm

  • Copy link

  Forum threads – new Google maps engine
  https://en.forums.wordpress.com/tags/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/

• 

  caluchko · Member · Mar 11, 2014 at 7:47 pm

  • Copy link

  Thank you! I understand that google map engine embed functionality does not currently exist for wordpress.com. I’ve added my voice to the growing number of users asking for this on https://en.forums.wordpress.com/topic/allow-embedding-maps-engine-maps-on-wordpresscom?replies=45

• 

  pennyyiwang · Member · Mar 17, 2014 at 12:51 am

  • Copy link

  One of the ways to work around it is to export your Maps Engine data and upload that *.kml file to Google Drive. Open that file on Drive and go to file/embed. It gives you an embed code of a normal Google Map. The only thing you need to do is to set the file as public for the embed code to work.
  My post worked: http://wp.me/p2IfrD-8l
  Original Maps Engine is here: https://mapsengine.google.com/map/edit?mid=zbXRT53qW1lY.kixb9SwwwaBc

• 

  pennyyiwang · Member · Apr 25, 2014 at 3:00 am

  • Copy link

  The above method is not working anymore… somehow…

• 

  hafizr · Member · Apr 25, 2014 at 3:26 am

  • Copy link

  Your map works for me when I checked, though.

• 

  hafizr · Member · Apr 25, 2014 at 3:27 am

  • Copy link

  Uhm, apparently not. Shows the map correctly but the information is missing.

• 

  byutsmith89 · Member · May 27, 2014 at 4:39 pm

  • Copy link

  Just a little update if anyone comes across this page searching for how to do it, I just made it work with info provided on this page:

  Embed From Google Maps

• 

  thistimethisspace · Member · May 27, 2014 at 4:42 pm

  • Copy link

  This was already posted above:

  The instructions for using the previous iteration are here > http://en.support.wordpress.com/google-maps/