Embedded google map is no being displayed

• 

  birrellathome · Member · May 18, 2023 at 1:29 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I embedded a google map in my site using the custom html block with the embedded code generated by google maps. It worked for 10 days, no issues. Now all I am seeing is the native code.

  [googlemaps https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d8875.154499623106!2d-2.935888!3d56.2126112!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48864d6ee21b3f55%3A0x607046d754004c8!2sLargo%20Bay%20Sailing%20Club!5e0!3m2!1sen!2suk!4v1684410582360!5m2!1sen!2suk&w=600&h=450%5D

  When I click preview on the custom html dialog it shows the google map. Just not on my site.

  Don’t think I am doing anything differently than before.

  Any suggestions?

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

• 

  staff-zinnia · Staff · May 19, 2023 at 12:46 am

  • Copy link

  Hi there –

  Thanks for writing to us. I have fixed the broken map on your site by embedding the Google map iframe code in to a custom html block.

  

  Google Maps

  in WordPress.com Support

  3 min read

  Google Maps offers powerful, user-friendly mapping technology and local business information — including business locations, contact information, and driving directions. Embedding a Google MapIn Google MapsIn the WordPress.com Block EditorEmbedding a Custom MapIn Google MapsIn the WordPress.com Block EditorAdditional Info Embedding a Google Map You can embed a Google Map into your WordPre

  Looks like y’all are off to a good start with this project. Are there any other questions I can answer? I saw that y’all have a custom email solution in place. That’s great. Do you need any help with collecting dues or payments through the site? Scheduling appointments? Let us know.

• 

  birrellathome · Member · May 19, 2023 at 8:27 am

  • Copy link

  Hi,

  I have been following the instructions as per the wordpress google maps support page but it is not helping. Only seeing the native code on the live page.

  When editing the page, and I paste the google code in the custom HTML block then click preview it looks like it working. But when I save and update the website, I only see the html code. Have tried multiple times. And as I said, it did work for around 10 days. It was only this week that is stopped working.

  Thanks

• 

  machellie · Staff · May 19, 2023 at 1:51 pm

  • Copy link

  Hi there, @birrellathome!

  Thanks for reaching out.

  I was able to duplicate this issue. There was a recent change made with shortcode blocks (like the Google Maps embed) and Site Editing themes. It is actually expected for shortcodes to not render if added to a template (instead of a page).

  For now, I have added this embed to a template part, which is a workaround if you want to add a shortcode to a template using the Site Editor. Here is how I did so: https://d.pr/v/oYY58x

  Saying that, it is recommended to add shortcodes to pages and posts (add to a page’s or post’s content) instead of adding it to a template.

  I hope that helps! If you need any additional help, please reach out!

• 

  birrellathome · Member · May 19, 2023 at 3:07 pm

  • Copy link

  Thanks for the help!

• 

  machellie · Staff · May 19, 2023 at 3:10 pm

  • Copy link

  So very happy I could help, @birrellathome!

  If you need anything else, don’t hesitate to reach out.