{"id":52850,"date":"2015-08-28T02:29:06","date_gmt":"2015-08-28T06:29:06","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=52850"},"modified":"2017-07-28T05:52:19","modified_gmt":"2017-07-28T09:52:19","slug":"wordpress-how-to-get-embed-map-code-from-google-maps","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/wordpress-how-to-get-embed-map-code-from-google-maps.html","title":{"rendered":"WordPress. How to get Embed Map code from Google Maps"},"content":{"rendered":"

\r\n

This tutorial will show you how to get Embed Map code from Google Maps.<\/p>\r\n

WordPress. How to get Embed Map code from Google Maps<\/a><\/p>\r\n

Some templates may display map using a shortcode with iframe for map location. In order to change your location, you should change code for embedding Google map in this shortcode.<\/p>\r\n

\r\n\r\n\r\n<\/a>\r\n<\/div>\r\n
    \r\n
  1. \r\n

    Open Google maps<\/a> link in your browser.<\/p>\r\n<\/li>\r\n

  2. \r\n

    Enter your physical address and find your location on the map:<\/p>\r\n

    \"WordPress_How_to_get_Embedded_Map_code_from_Google<\/a>\r\n<\/li>\r\n

  3. \r\n

    Click main menu icon<\/strong> in the top left corner:<\/p>\r\n

    \"WordPress_How_to_get_Embedded_Map_code_from_Google<\/a>\r\n<\/li>\r\n

  4. \r\n

    Click “Share or embed map”<\/strong>:<\/p>\r\n

    \"WordPress_How_to_get_Embedded_Map_code_from_Google<\/a>\r\n<\/li>\r\n

  5. \r\n

    In the opened lightbox, choose the “Embed map”<\/strong> tab.<\/p>\r\n<\/li>\r\n

  6. \r\n

    Copy the code to a text editor. You should use the value of the iframe source and paste it to your shortcode to change map location:<\/p>\r\n

    \r\nsrc=\"https:\/\/www.google.com\/maps\/embed?pb=!1m14!1m12!1m3!1d3587.6589461245176!2d-80.120888!3d25.946420999999997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2s!4v1440211742516\"<\/pre>\r\n
    \"WordPress_How_to_get_Embedded_Map_code_from_Google<\/a>\r\n<\/li>\r\n<\/ol>\r\n
    Feel free to check the detailed video tutorial below:<\/p>\r\n
    WordPress. How to get Embed Map code from Google Maps<\/a><\/p>\r\n
    <\/p>","protected":false},"excerpt":{"rendered":"
    This tutorial will show you how to get Embed Map code from Google Maps.<\/p>\n","protected":false},"author":54,"featured_media":52858,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[513,929,1113,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/52850"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=52850"}],"version-history":[{"count":2,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/52850\/revisions"}],"predecessor-version":[{"id":82304,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/52850\/revisions\/82304"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/52858"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=52850"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=52850"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=52850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}