{"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\/nl\/dream-theme-support-portal\/how-to-add-google-map\/","title":{"rendered":"Hoe Google map toevoegen?"},"content":{"rendered":"<p><head><meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"><\/head><\/p>\n<p>Hoe Google map toevoegen?<\/p>\n<div id=\"wrapper\">\n<div class=\"inner-content\">\n<p>Er zijn twee methoden in the7 waarmee u Google Maps kunt toevoegen.<\/p>\n<p>1) <strong>Standaard WPBackery-methode voor het maken van pagina&#039;s<\/strong><\/p>\n<p>Google Map-shortcode vereenvoudigt het proces van het insluiten van HTML-code voor Google-kaarten. U kunt de vereiste code krijgen\u00a0<a href=\"http:\/\/maps.google.com\/maps\">hier<\/a>. Kies de juiste locatie, klik op het &quot;Link&quot; -pictogram en kopieer de inhoud van het tweede gemarkeerde veld:<\/p>\n<div class=\"c1\">\n<dl id=\"attachment_31758\">\n<dt><a href=\"http:\/\/support.dream-theme.com\/wp-content\/uploads\/2013\/02\/main1_001.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2015\/10\/main1_001.png\" alt=\"Fig. 1. Link insluiten.\" width=\"371\" height=\"412\"><\/a><\/dt>\n<dd>Fig. 1. Link insluiten.<\/dd>\n<\/dl>\n<\/div>\n<div class=\"c1\">\n<dl id=\"attachment_31760\">\n<dt><a href=\"http:\/\/support.dream-theme.com\/wp-content\/uploads\/2013\/02\/main2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2015\/10\/main2.png\" alt=\"Fig. 2. Haal de Embed Link op.\" width=\"331\" height=\"364\"><\/a><\/dt>\n<dd>Fig. 2. Haal de Embed Link op.<\/dd>\n<\/dl>\n<\/div>\n<div class=\"c1\">\n<dl id=\"attachment_31761\">\n<dt><a href=\"http:\/\/support.dream-theme.com\/wp-content\/uploads\/2013\/02\/main3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2015\/10\/main3.png\" alt=\"Fig. 3. Haal de Embed Link-code op.\" width=\"572\" height=\"139\"><\/a><\/dt>\n<dd>Fig. 3. Haal de Embed Link-code op.<\/dd>\n<\/dl>\n<\/div>\n<p>Om de shortcode in te voegen, opent u de gewenste pagina (of een bericht) in de bewerkingsmodus en klikt u op het betreffende pictogram:<\/p>\n<div class=\"c1\">\n<dl id=\"attachment_31762\">\n<dt><a href=\"http:\/\/support.dream-theme.com\/wp-content\/uploads\/2013\/02\/map.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2015\/10\/map-1024x534-1.png\" alt=\"Fig. 4. Gebruik het Google Map-element.\" width=\"368\" height=\"192\"><\/a><\/dt>\n<dd>Fig. 4. Gebruik het Google Map-element.<\/dd>\n<\/dl>\n<\/div>\n<p>Het dialoogvenster met de shortcode van Google Map wordt weergegeven. Voer de code in het juiste veld in:<\/p>\n<div class=\"c1\">\n<dl id=\"attachment_31763\">\n<dt><a href=\"http:\/\/support.dream-theme.com\/wp-content\/uploads\/2013\/02\/final.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2015\/10\/final.png\" alt=\"Fig. 5. Voeg insluitcode toe.\" width=\"407\" height=\"407\"><\/a><\/dt>\n<dd>Fig. 5. Voeg insluitcode toe.<\/dd>\n<\/dl>\n<\/div>\n<p>2) <strong>Het Ultimate Addons-element gebruiken voor Google Maps<\/strong><\/p>\n<div id=\"attachment_44263\" class=\"wp-caption aligncenter c2\"><a href=\"http:\/\/support.dream-theme.com\/wp-content\/uploads\/2015\/01\/mapUltimate.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-44263\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2016\/08\/mapUltimate.png\" alt=\"Fig. 6. Ultiem extra kaartelement.\" width=\"380\" height=\"297\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 6. Ultiem extra kaartelement.<\/p>\n<\/div>\n<p>Voeg de juiste lengte- en breedtegraad toe aan de tekstvakken:<\/p>\n<div id=\"attachment_44264\" class=\"wp-caption aligncenter c3\"><a href=\"http:\/\/support.dream-theme.com\/wp-content\/uploads\/2015\/01\/2016-08-23_1553.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-44264\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2016\/08\/2016-08-23_1553.png\" alt=\"Afb. 7. Voeg Long \/ Lat-informatie toe.\" width=\"548\" height=\"423\"><\/a><\/p>\n<p class=\"wp-caption-text\">Afb. 7. Voeg Long \/ Lat-informatie toe.<\/p>\n<\/div>\n<p>OPMERKING: als u de 2e methode gebruikt, is het vereist om een Google API-sleutel toe te voegen, zie <a href=\"https:\/\/docs.brainstormforce.com\/how-to-create-google-api-key-in-uabb-google-map-element\/\">hier<\/a> voor meer details.<\/p>\n<div id=\"attachment_44266\" class=\"wp-caption aligncenter c4\"><a href=\"http:\/\/support.dream-theme.com\/wp-content\/uploads\/2015\/01\/Input_Api_Key.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-44266\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2016\/08\/Input_Api_Key-1024x464-1.png\" alt=\"Fig. 8. Voer de API-sleutel in.\" width=\"1024\" height=\"464\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 8. Voer de API-sleutel in.<\/p>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>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&hellip;<\/p>","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\/nl\/wp-json\/wp\/v2\/posts\/4098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/comments?post=4098"}],"version-history":[{"count":2,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/4098\/revisions"}],"predecessor-version":[{"id":4600,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/4098\/revisions\/4600"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/media\/4481"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/media?parent=4098"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/categories?post=4098"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/tags?post=4098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}