embed_code

How to add Google map location to your post

Go to Google Maps website (it is better to use Google Chrome), and simply type in the address of the location you want to show or search for a location. Once you have found the location, click on “Share” button > “embed a map”, This will show you the embed code. Copy the iframe code or you can also click on the “Customize and preview the embedded map” to further customize the appearance of the map on your site.

Once you copied the HTML code go to your post (Make sure that you sselect the text, right above the table you are writing, so you can see the HTML codes) and paste it.

You can also change the size of the Frame. Almost at the end of the code, try to find the “Width” & “Height” and change their numbers to the size you want. It is better to use Width=”400″ & height=”250″.

Here is an example:

iframe src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1997.649040925494!2d30.318290515945254!3d59.954556681881954!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4696316a36d0e91f%3A0x166510a545d8330b!2sCoffee+Shop+%22Bol’she+Kofe%22!5e0!3m2!1sen!2str!4v1563521033701!5m2!1sen!2str” width=”600″ height=”450″ allowfullscreen=””> I removed the signs “<" at the beginning and the ">” at the end so it won’t show the Google map, it will show the codes.


It’s that easy.

Please follow and like us:
error
Tags: No tags

Add a Comment

You must be logged in to post a comment