				{"id":862,"date":"2018-07-29T23:35:16","date_gmt":"2018-07-29T19:35:16","guid":{"rendered":"https:\/\/popupmaker.com\/blog\/?p=862"},"modified":"2022-06-29T23:00:23","modified_gmt":"2022-06-29T19:00:23","slug":"popup-maker-google-map-integration-ready","status":"publish","type":"post","link":"https:\/\/popupmaker.com\/blog\/popup-maker-google-map-integration-ready\/","title":{"rendered":"Popup Maker Google Map Integration Ready!"},"content":{"rendered":"<p><span style=\"font-size: 14pt;\">Sit back and get ready for another super fresh update from Popup Maker! Google Map integration is already available for Popup Maker users! \ud83d\ude42<\/span><br \/>\n<span style=\"font-size: 14pt;\">Before this update, the only way to display a map inside the website popup was the usage of shortcodes and embed codes of 3rd party map plugins. It&#8217;s a lot easier now! You should simply connect the popup to your Google account via API key.<\/span><br \/>\n<span style=\"font-size: 14pt;\">As soon as you connect the map to the popup, you can proceed to the main settings. All the design and sizing customization options are provided to let you have the exact look you need.\u00a0<\/span><\/p>\n<p><span style=\"font-size: 14pt;\"><img loading=\"lazy\" class=\"alignnone wp-image-2606 size-full\" src=\"https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/popup-maker-google-map-integration-api-key.png\" alt=\"popup maker google map integration API option\" width=\"1331\" height=\"699\" srcset=\"https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/popup-maker-google-map-integration-api-key.png 1331w, https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/popup-maker-google-map-integration-api-key-300x158.png 300w, https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/popup-maker-google-map-integration-api-key-1024x538.png 1024w, https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/popup-maker-google-map-integration-api-key-333x175.png 333w, https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/popup-maker-google-map-integration-api-key-768x403.png 768w\" sizes=\"(max-width: 1331px) 100vw, 1331px\" \/><\/span><\/p>\n<h2><span style=\"font-size: 14pt;\">The Map Types<\/span><\/h2>\n<p><span style=\"font-size: 14pt;\">4 map types are available for your choice: Roadmap, Satellite, Hybrid, and Terrain.<\/span><br \/>\n<span style=\"font-size: 14pt;\">In addition, you can choose the look of your map and display it via <strong>Markers, Directions, <\/strong>or a<strong> Polygon<\/strong>.<br \/>\nWe provide a variety of options, and it&#8217;s all up to your preferences which one to choose for a specific Google Map popup. The most important point is that it&#8217;s super easy to set up, as you see all the changes applied to life, so you can get which is the best for you.<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-size: 14pt;\">Now let&#8217;s see how will <em>Markers, Directions<\/em> and the <em>Polygon<\/em> type look like:<\/span><br \/>\n<span style=\"font-size: 14pt;\"><img loading=\"lazy\" class=\"alignnone wp-image-2607 size-full\" src=\"https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/google-map-integration-marker-information.png\" alt=\"google map integration market information\" width=\"768\" height=\"504\" srcset=\"https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/google-map-integration-marker-information.png 768w, https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/google-map-integration-marker-information-300x197.png 300w, https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/google-map-integration-marker-information-276x181.png 276w, https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/google-map-integration-marker-information-120x80.png 120w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/span><br \/>\n<span style=\"font-size: 14pt;\"><em>1 &#8211; Markers<\/em><\/span><\/p>\n<hr \/>\n<p style=\"text-align: left;\"><span style=\"font-size: 14pt;\"><img loading=\"lazy\" class=\"alignnone wp-image-2608 size-full\" src=\"https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/google-map-integration-a-to-b-route.png\" alt=\"google map integration a to b route \" width=\"768\" height=\"503\" srcset=\"https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/google-map-integration-a-to-b-route.png 768w, https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/google-map-integration-a-to-b-route-300x196.png 300w, https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/google-map-integration-a-to-b-route-276x181.png 276w, https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/google-map-integration-a-to-b-route-120x80.png 120w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/span><br \/>\n<span style=\"font-size: 14pt;\"><em>2 &#8211; Directions<\/em><\/span><\/p>\n<hr \/>\n<p style=\"text-align: left;\"><span style=\"font-size: 14pt;\"><img loading=\"lazy\" class=\"alignnone wp-image-2609 size-full\" src=\"https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/google-map-integration-triangle.png\" alt=\"google map integration triangle\" width=\"768\" height=\"506\" srcset=\"https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/google-map-integration-triangle.png 768w, https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/google-map-integration-triangle-300x198.png 300w, https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/google-map-integration-triangle-275x181.png 275w, https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/google-map-integration-triangle-120x80.png 120w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/span><br \/>\n<span style=\"font-size: 14pt;\"><em>3 &#8211; Polygon<\/em><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Don&#8217;t waste any second! Check out this super new element from Popup Maker now and become a more progressive businessman! Show your location in a beautiful popup, with the best Google Map tool.\u00a0<\/span><br \/>\n<span style=\"font-size: 14pt;\">The setup process for Google Map integration is so easy, that you will spend less than 10 minutes in total. \ud83d\ude09<\/span><br \/>\n<span style=\"font-size: 14pt;\">Check easy and more detailed steps of Google Map popup creation here:\u00a0<a href=\"https:\/\/help.popupmaker.com\/en\/article\/how-to-use-the-popup-maker-google-map-element-1sqfrfu\/\" target=\"_blank\" rel=\"noopener noreferrer\">How to use the Popup Maker Google Map element?<\/a><\/span><\/p>\n<div class = 'socialMediaOnEveryPost'>Liked the post? Go ahead and share it! \ud83d\ude09<div id=\"sgmbShare1-1\" class=\"sgmbShare jssocials-theme-flat sgmbWidget1-1\"><\/div><div class=\"dropdownWrapper dropdownWrapper1 dropdownWrapper-for-widget \" id=\"dropdownWrapper-for-widget\">\r\n\t\t\t\t\t\t<div class=\"dropdownLabel\" id=\"dropdownLabel-share-list\"><span class=\"sgmbButtonListLabel1\">Share List<\/span><\/div>\r\n\t\t\t\t\t\t<div class=\"dropdownPanel dropdownPanel1-1\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div><script>  SGMB_URL = \"https:\/\/popupmaker.com\/blog\/wp-content\/plugins\/social-media-pro\/\"; jQuery(\".dropdownWrapper\").hide(); SGMB_GOOGLE_ACOUNT = \"\"; <\/script><script type=\"text\/javascript\">\r\n\t\tjQuery(document).ready(function($){var widget = new SGMBWidget();widget.show({\"id\":\"1\",\"title\":\"Social\",\"options\":{\"currentUrl\":\"1\",\"url\":\"\",\"shareText\":\"\",\"fontSize\":\"16\",\"betweenButtons\":\"2px\",\"theme\":\"flat\",\"sgmbButtonsPosition\":\"bottomCenter\",\"socialTheme\":\"flat\",\"icon\":\"default\",\"buttonsPanelEffect\":\"No Effect\",\"buttonsEffect\":\"No Effect\",\"iconsEffect\":\"No Effect\",\"buttons\":\"{\\\"facebook\\\":{\\\"label\\\":\\\"Share\\\",\\\"icon\\\":\\\"default-facebook\\\"},\\\"twitter\\\":{\\\"label\\\":\\\"Tweet\\\",\\\"icon\\\":\\\"default-twitter\\\",\\\"via\\\":\\\"\\\",\\\"hashtags\\\":\\\"\\\"},\\\"googleplus\\\":{\\\"label\\\":\\\"+1\\\",\\\"icon\\\":\\\"default-googleplus\\\"}}\",\"roundButton\":\"\",\"showLabels\":\"on\",\"showCounts\":\"\",\"showCenter\":\"on\",\"showButtonsAsList\":\"\",\"sgmbDropdownColor\":\"\",\"sgmbDropdownLabelFontSize\":\"14\",\"sgmbDropdownLabelColor\":\"\",\"showButtonsOnEveryPost\":\"on\",\"selectedOrExcluded\":\"excluded\",\"showButtonsOnEveryPage\":\"\",\"textOnEveryPost\":\"Liked the post? Go ahead and share it! \\ud83d\\ude09\",\"showButtonsOnCustomPost\":\"\",\"textOnCustomPost\":\"\",\"showButtonsOnMobileDirect\":\"on\",\"showButtonsOnDesktopDirect\":\"on\",\"sgmbSelectedPages\":[\"\"],\"sgmbExcludedPosts\":[\"\"],\"sgmbSelectedCustomPosts\":[],\"showButtonsInPopup\":\"\",\"titleOfPopup\":\"Please share it!\",\"descriptionOfPopup\":\"Go ahead and share our site if you liked it!\",\"showPopupOnLoad\":\"\",\"showPopupOnScroll\":\"\",\"showPopupOnExit\":\"\",\"openSecondsOfPopup\":\"\",\"googleAnaliticsAccount\":\"\"},\"buttonOptions\":{\"facebook\":{\"label\":\"Share\",\"icon\":\"default-facebook\"},\"twitter\":{\"label\":\"Tweet\",\"icon\":\"default-twitter\",\"via\":\"\",\"hashtags\":\"\"},\"googleplus\":{\"label\":\"+1\",\"icon\":\"default-googleplus\"}},\"button\":[\"facebook\",\"twitter\",\"googleplus\"]}, 1, '', 'https:\/\/popupmaker.com\/blog\/wp-content\/uploads\/2018\/07\/popup-maker-google-map-integration.jpg', '', 'https:\/\/popupmaker.com\/blog\/popup-maker-google-map-integration-ready\/'); });<\/script><\/div><script> jQuery(\".socialMediaOnEveryPost\").addClass(\"sgmb-center\") <\/script>","protected":false},"excerpt":{"rendered":"<p>Sit back and get ready for another super fresh update from Popup Maker! Google Map integration is already available for Popup Maker users! \ud83d\ude42 Before this update, the only way to display a map inside the website popup was the usage of shortcodes and embed codes of 3rd party map plugins. It&#8217;s a lot easier now! You should simply connect<\/p>\n","protected":false},"author":2,"featured_media":2605,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[37,2],"tags":[31,18,16,29,3,5,40,38],"yst_prominent_words":[464,643,325,636,638,649,483,340,95,650,640,641,642,103,644,94,639,634],"_links":{"self":[{"href":"https:\/\/popupmaker.com\/blog\/wp-json\/wp\/v2\/posts\/862"}],"collection":[{"href":"https:\/\/popupmaker.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/popupmaker.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/popupmaker.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/popupmaker.com\/blog\/wp-json\/wp\/v2\/comments?post=862"}],"version-history":[{"count":9,"href":"https:\/\/popupmaker.com\/blog\/wp-json\/wp\/v2\/posts\/862\/revisions"}],"predecessor-version":[{"id":3750,"href":"https:\/\/popupmaker.com\/blog\/wp-json\/wp\/v2\/posts\/862\/revisions\/3750"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/popupmaker.com\/blog\/wp-json\/wp\/v2\/media\/2605"}],"wp:attachment":[{"href":"https:\/\/popupmaker.com\/blog\/wp-json\/wp\/v2\/media?parent=862"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/popupmaker.com\/blog\/wp-json\/wp\/v2\/categories?post=862"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/popupmaker.com\/blog\/wp-json\/wp\/v2\/tags?post=862"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/popupmaker.com\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}