{"id":4098,"date":"2020-05-23T00:09:38","date_gmt":"2020-05-23T00:09:38","guid":{"rendered":"https:\/\/the7kennisbank.nl\/?p=4098"},"modified":"2020-05-29T13:20:12","modified_gmt":"2020-05-29T13:20:12","slug":"how-to-add-google-map","status":"publish","type":"post","link":"https:\/\/the7kennisbank.nl\/en\/dream-theme-support-portal\/how-to-add-google-map\/","title":{"rendered":"How to add Google map?"},"content":{"rendered":"

<\/head><\/p>\n

How to add Google map?<\/p>\n

\n
\n

There are two methods in the7 which allows to add google maps.<\/p>\n

1) Default WPBackery page builder method<\/strong><\/p>\n

Google Map shortcode simplifies the process of Google map HTML code embedding. You are able to get required code\u00a0here<\/a>. Choose the appropriate location, click on the \u201cLink\u201d icon and copy content of the second highlighted field:<\/p>\n

\n
\n
\"Fig.<\/a><\/dt>\n
Fig. 1. Embed Link.<\/dd>\n<\/dl>\n<\/div>\n
\n
\n
\"Fig.<\/a><\/dt>\n
Fig. 2. Get Embed Link.<\/dd>\n<\/dl>\n<\/div>\n
\n
\n
\"Fig.<\/a><\/dt>\n
Fig. 3. Get Embed Link code.<\/dd>\n<\/dl>\n<\/div>\n

In order to insert the shortcode, open the required page (or a post) in the editing mode and click the appropriate icon:<\/p>\n

\n
\n
\"Fig.<\/a><\/dt>\n
Fig. 4. Use Google Map element.<\/dd>\n<\/dl>\n<\/div>\n

Google map shortcode dialogue window will appear. Insert the code into the appropriate field:<\/p>\n

\n
\n
\"Fig.<\/a><\/dt>\n
Fig. 5. Add embed code.<\/dd>\n<\/dl>\n<\/div>\n

2) Using Ultimate Addons element for Google Maps<\/strong><\/p>\n

\"Fig.<\/a><\/p>\n

Fig. 6. Ultimate addon Map element.<\/p>\n<\/div>\n

Add the appropriate Longitude and Latitude to the text boxes:<\/p>\n

\"Fig.<\/a><\/p>\n

Fig. 7. Add Long\/Lat information.<\/p>\n<\/div>\n

NOTE: If you\u2019re using the 2nd method, it is required to add Google API Key, see here<\/a> for more details.<\/p>\n

\"Fig.<\/a><\/p>\n

Fig. 8. Enter API Key.<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

How to add Google map? There are two methods in the7 which allows to add google maps. 1) Default WPBackery page builder method Google Map shortcode simplifies the process of Google map HTML code embedding. You are able to get required code\u00a0here. Choose the appropriate location, click on the \u201cLink\u201d icon and copy content of…<\/p>\n","protected":false},"author":2,"featured_media":4481,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[30,31],"tags":[],"class_list":["post-4098","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dream-theme-support-portal","category-knowledgebase","category-30","category-31","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/4098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/comments?post=4098"}],"version-history":[{"count":2,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/4098\/revisions"}],"predecessor-version":[{"id":4600,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/4098\/revisions\/4600"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media\/4481"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media?parent=4098"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/categories?post=4098"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/tags?post=4098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}