Embedding dynamic Google Map to your Website (Sample for WordPress) | Today I Learned

Everybody knows Google Maps and mostly everyone is using Google Maps either to look for direction or giving direction – unless Google Maps is banned/not updated for some reason at your place (Eg: In South Korea).

For you who are using Google Maps to give or show direction to other people/audiences, while giving screenshot of Google Maps into your website is fine and more than enough, but if you can give a more dynamic one – rather than a screenshot – wouldn’t it be much more better? Whoever viewing it, they can zoom in/out and pinch it up/down/left and right.

Here is how you can do it.

How to attach dynamic Google Maps to your website.

1) Open maps.google.com.

2) On the search bar, type the address you want to search for and hit the enter button. In this case, I’m looking for Changi Airport Singapore.

share google maps jilaxzone.com
Share Google Map address as a dynamic embedded map on blogs, HTML websites

3) Once Google Maps finished rendering and pointed you the location you are looking for, now focus on the left side then find Share button and click on it.

4) When prompted, click Embed a map. Then Google Maps will generate the HTML iframe command, something like this: “<iframe src=http://…”

5) Click on COPY HTML button to copy the HTML iframe command generated.

embed dynamic google maps jilaxzone.com
Click on Embed a map and click COPY HTML to copy the generated HTML

6) Paste the HTML iframe command to where you want to embed the Google Map dynamic maps. Any HTML editor (such as blog, websites) should be fine. On my case, I’m normally embedding it into my WordPress website, using the Custom HTML block.

In case you are planning to embed it to WordPress as well, on the editor, choose Custom HTML and paste the generated the HTML iframe command to it.

Once you saved and put it into review mode, you’ll basically see the Google Maps now embedded into the your website, just like below.

Happy embedding!


For Life, Tech tips, iOS and Android Apps and Games quick review, do visit below:

https://jilaxzone.com


Hi, thanks for reading my article. Since you are here and if you find this article is good and helping you in anyway, help me to spread the words by sharing this article to your family, friends, acquaintances so the benefits do not just stop at you, they will also get the same goodness and benefit from it.

Thank you!

Leave a Reply

Your email address will not be published. Required fields are marked *

Comment moderation is enabled. Your comment may take some time to appear.