{"id":790,"date":"2018-11-14T11:51:12","date_gmt":"2018-11-14T11:51:12","guid":{"rendered":"https:\/\/www.fla-shop.com\/blog\/?p=790"},"modified":"2022-11-16T12:20:49","modified_gmt":"2022-11-16T12:20:49","slug":"how-to-insert-interactive-map-gutenberg-editor","status":"publish","type":"post","link":"https:\/\/www.fla-shop.com\/blog\/how-to-insert-interactive-map-gutenberg-editor\/","title":{"rendered":"How to Insert an Interactive Map in Gutenberg Editor for WP"},"content":{"rendered":"\n<div class=\"wp-block-group article_sm_block\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">However, it is worth mentioning that WordPress doesn&#8217;t offer interactive maps as functionality by default. Instead, we will be taking the help of some WordPress plugins coming from the developers at Fla-shop.com.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The company offers a collection of high-quality tools that can help you insert HTML5 maps into your website. These plugins utilize state-of-the-art technologies such as HTML, JavaScript, CSS, and SVG to help create interactive maps for your site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So without further ado, let&#8217;s get started:<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group article_sm_block\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Are the HTML5 Maps Compatible With Gutenberg?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The new editor has created a sort of division in the WordPress community. A section of the community is praising the innovative direction. Gutenberg is more true to a WYSIWYG experience and makes content creation far simpler for non-coders.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">However, on the flip side, many are citing that the editor now functions as a page builder, which is not good for many use cases. Although it will benefit media-heavy websites, blogs and similar sites will not find it suitable. But by far, the most amount of noise is created in the argument for backward compatibility.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Developers are arguing that it will affect client websites that are made using custom fields and meta boxes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Taking this into context, we would like to point out that the users will face no compatibility issues while using these <a href=\"https:\/\/www.fla-shop.com\/products\/\">HTML5 maps plugins<\/a> from Fla-shop.com. It is also super easy to configure, helping you get a functional interactive map up and running in minutes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Insert Interactive Maps in Gutenberg?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After activating the plugin, you will notice an HTML5 Map Settings in your WordPress dashboard. Hover over it and you will notice a Maps option. This will take you to a new page where you can create new interactive maps to add to your website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Simply create a new name for the map. There is also a drop-down button that contains a list of all the map options. Select the one which you intend to use and press &#8220;Add new map.&#8221; This will create the new map and specify a shortcode that you need to use while integrating the map into your WordPress website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once you have the shortcode, the plugin provides a handful of ways to help you insert the interactive maps in the Gutenberg editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. You can insert the shortcode directly into the Gutenberg editor.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group article_md_block\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/1.png\" alt=\"Shortcode module in Gutenberg\"\/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group article_sm_block\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">2. You can insert the shortcode inside a paragraph block.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group article_md_block\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/2.png\" alt=\"Shortcode in text\"\/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group article_sm_block\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">3. There is also an option that allows you to insert the shortcode in the classic editor block.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group article_md_block\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/3.png\" alt=\"Shortcode in the classic editor block\"\/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group article_sm_block\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">4. And, finally, you have the option to use basic HTML code to implement the maps into your page or post.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group article_md_block\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/4.png\" alt=\"HTML code module\"\/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group article_sm_block\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">So, How Can You Benefit From Having Interactive Maps?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Now, you might be thinking about why you need to use an interactive map on your website when there is Google Maps. Well, the reason basically boils down to this &#8211; G-maps contain loads of unnecessary details that can even hurt your conversion rates and showcase your nearby competitors. Furthermore, it is not very easy to customize G-maps to fit your personal needs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">However, both these requirements are easily met by the interactive map plugin from Fla-shop.com. You will be able to provide a visually immersive and engaging medium to guide your visitors to local, relevant content on your website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Furthermore, interactive maps are a godsend to businesses that have a wide branch network. Using interactive maps, you can display your branch locations in a colorful JavaScript map, highlighting all your locations across a country, or in a Worldview.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Benefits of Using HTML5 Maps<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Fla-shop.com offers 4 different categories of products. Two of them are for showcasing <a href=\"https:\/\/www.fla-shop.com\/wordpressmaps.php\">Locator Maps for WordPress<\/a> as well as <a href=\"https:\/\/www.fla-shop.com\/html5maps.php\">JS maps<\/a> non-WordPress websites. And the remaining two are for <a href=\"https:\/\/www.fla-shop.com\/products\/wp-plugins\/world\/drill-down-world-map\/\">Drill-down maps for WordPress<\/a> and non-WordPress websites.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As you can guess, the locator maps will showcase a region &#8211; a country in particular. You will be able to highlight different states on the map with color customization options. This is useful for businesses that have a national foothold.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The drill-down maps are essentially multi-level maps. You will get a global view from which you can &#8220;drill down&#8221; to a local map or a specific region following a couple of clicks. As you can imagine, this is perfect if your business is spread across the world in different countries.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">In Conclusion<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">So as you can see, the <a href=\"https:\/\/www.fla-shop.com\/wordpressmaps.php\">map plugins<\/a> from Fla-shop.com allows you to easily integrate maps into your WordPress website. No matter if you are on the old classic WordPress editor or the new Gutenberg editor, you will face no compatibility issues or anything similar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you think you will benefit from having an interactive map integrated into your website, then we highly recommend that you give this plugin a try.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Also, if you want to get an idea about the different types of interactive maps that can be created using the plugin, then we highly encourage you to the <a href=\"https:\/\/www.fla-shop.com\/showcase\/\">Showcase<\/a> page as well.<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><a class=\"greenbutton\" href=\"https:\/\/www.fla-shop.com\/products\/wp-plugins\/united-states\/us\/\">Get a try-for-free customizable US map for WordPress<\/a><\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>With WordPress 5.0, the popular CMS is taking a whole new direction with their Gutenberg editor. The use of blocks, instead of basic text makes this excellent for creating pages and posts, that are rich in media content. And with the use of some interactive maps, you can bring the user experience to a whole new level.<\/p>\n","protected":false},"author":1,"featured_media":1353,"comment_status":"open","ping_status":"open","sticky":false,"template":"post1.php","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2,41],"tags":[],"class_list":["post-790","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-maps-for-visual-editors"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Insert an Interactive Map in Gutenberg Editor for WP - Fla-Shop.com<\/title>\n<meta name=\"description\" content=\"4 simple ways to insert an interactive map into Gutenberg editor for WordPress\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fla-shop.com\/blog\/how-to-insert-interactive-map-gutenberg-editor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Insert an Interactive Map in Gutenberg Editor for WP - Fla-Shop.com\" \/>\n<meta property=\"og:description\" content=\"4 simple ways to insert an interactive map into Gutenberg editor for WordPress\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fla-shop.com\/blog\/how-to-insert-interactive-map-gutenberg-editor\/\" \/>\n<meta property=\"og:site_name\" content=\"Fla-Shop.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/flashopcom\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-14T11:51:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-16T12:20:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/1200-630-gutenberg.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@flashop\" \/>\n<meta name=\"twitter:site\" content=\"@flashop\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/how-to-insert-interactive-map-gutenberg-editor\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/how-to-insert-interactive-map-gutenberg-editor\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/#\\\/schema\\\/person\\\/16214725e757dd92d37dbfe3e2a5db1e\"},\"headline\":\"How to Insert an Interactive Map in Gutenberg Editor for WP\",\"datePublished\":\"2018-11-14T11:51:12+00:00\",\"dateModified\":\"2022-11-16T12:20:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/how-to-insert-interactive-map-gutenberg-editor\\\/\"},\"wordCount\":845,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/how-to-insert-interactive-map-gutenberg-editor\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/embedding-map-gutenberg.png\",\"articleSection\":[\"How-To\u2019s\",\"Maps for visual editors\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/how-to-insert-interactive-map-gutenberg-editor\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/how-to-insert-interactive-map-gutenberg-editor\\\/\",\"url\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/how-to-insert-interactive-map-gutenberg-editor\\\/\",\"name\":\"How to Insert an Interactive Map in Gutenberg Editor for WP - Fla-Shop.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/how-to-insert-interactive-map-gutenberg-editor\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/how-to-insert-interactive-map-gutenberg-editor\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/embedding-map-gutenberg.png\",\"datePublished\":\"2018-11-14T11:51:12+00:00\",\"dateModified\":\"2022-11-16T12:20:49+00:00\",\"description\":\"4 simple ways to insert an interactive map into Gutenberg editor for WordPress\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/how-to-insert-interactive-map-gutenberg-editor\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/how-to-insert-interactive-map-gutenberg-editor\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/how-to-insert-interactive-map-gutenberg-editor\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/embedding-map-gutenberg.png\",\"contentUrl\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/embedding-map-gutenberg.png\",\"width\":1200,\"height\":630,\"caption\":\"Map for Gutenberg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/how-to-insert-interactive-map-gutenberg-editor\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Insert an Interactive Map in Gutenberg Editor for WP\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/\",\"name\":\"Fla-Shop.com\",\"description\":\"Interactive Maps, HTML5, WordPress, Map Use-cases \u2013 Fla-shop.com blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/#organization\",\"name\":\"Fla-shop.com\",\"url\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/fla-shop_twitter_logo.jpg\",\"contentUrl\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/fla-shop_twitter_logo.jpg\",\"width\":128,\"height\":128,\"caption\":\"Fla-shop.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/flashopcom\\\/\",\"https:\\\/\\\/x.com\\\/flashop\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/flashopcom\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/#\\\/schema\\\/person\\\/16214725e757dd92d37dbfe3e2a5db1e\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3bd8fdbd458f1b6c6dc6d8d2dc471f4986c4680b9492a7410ba0cc65f54527c7?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3bd8fdbd458f1b6c6dc6d8d2dc471f4986c4680b9492a7410ba0cc65f54527c7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3bd8fdbd458f1b6c6dc6d8d2dc471f4986c4680b9492a7410ba0cc65f54527c7?s=96&d=mm&r=g\",\"caption\":\"admin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Insert an Interactive Map in Gutenberg Editor for WP - Fla-Shop.com","description":"4 simple ways to insert an interactive map into Gutenberg editor for WordPress","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fla-shop.com\/blog\/how-to-insert-interactive-map-gutenberg-editor\/","og_locale":"en_US","og_type":"article","og_title":"How to Insert an Interactive Map in Gutenberg Editor for WP - Fla-Shop.com","og_description":"4 simple ways to insert an interactive map into Gutenberg editor for WordPress","og_url":"https:\/\/www.fla-shop.com\/blog\/how-to-insert-interactive-map-gutenberg-editor\/","og_site_name":"Fla-Shop.com","article_publisher":"https:\/\/www.facebook.com\/flashopcom\/","article_published_time":"2018-11-14T11:51:12+00:00","article_modified_time":"2022-11-16T12:20:49+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/1200-630-gutenberg.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_creator":"@flashop","twitter_site":"@flashop","twitter_misc":{"Written by":"admin","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fla-shop.com\/blog\/how-to-insert-interactive-map-gutenberg-editor\/#article","isPartOf":{"@id":"https:\/\/www.fla-shop.com\/blog\/how-to-insert-interactive-map-gutenberg-editor\/"},"author":{"name":"admin","@id":"https:\/\/www.fla-shop.com\/blog\/#\/schema\/person\/16214725e757dd92d37dbfe3e2a5db1e"},"headline":"How to Insert an Interactive Map in Gutenberg Editor for WP","datePublished":"2018-11-14T11:51:12+00:00","dateModified":"2022-11-16T12:20:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fla-shop.com\/blog\/how-to-insert-interactive-map-gutenberg-editor\/"},"wordCount":845,"commentCount":0,"publisher":{"@id":"https:\/\/www.fla-shop.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fla-shop.com\/blog\/how-to-insert-interactive-map-gutenberg-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/embedding-map-gutenberg.png","articleSection":["How-To\u2019s","Maps for visual editors"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fla-shop.com\/blog\/how-to-insert-interactive-map-gutenberg-editor\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fla-shop.com\/blog\/how-to-insert-interactive-map-gutenberg-editor\/","url":"https:\/\/www.fla-shop.com\/blog\/how-to-insert-interactive-map-gutenberg-editor\/","name":"How to Insert an Interactive Map in Gutenberg Editor for WP - Fla-Shop.com","isPartOf":{"@id":"https:\/\/www.fla-shop.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fla-shop.com\/blog\/how-to-insert-interactive-map-gutenberg-editor\/#primaryimage"},"image":{"@id":"https:\/\/www.fla-shop.com\/blog\/how-to-insert-interactive-map-gutenberg-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/embedding-map-gutenberg.png","datePublished":"2018-11-14T11:51:12+00:00","dateModified":"2022-11-16T12:20:49+00:00","description":"4 simple ways to insert an interactive map into Gutenberg editor for WordPress","breadcrumb":{"@id":"https:\/\/www.fla-shop.com\/blog\/how-to-insert-interactive-map-gutenberg-editor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fla-shop.com\/blog\/how-to-insert-interactive-map-gutenberg-editor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fla-shop.com\/blog\/how-to-insert-interactive-map-gutenberg-editor\/#primaryimage","url":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/embedding-map-gutenberg.png","contentUrl":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/embedding-map-gutenberg.png","width":1200,"height":630,"caption":"Map for Gutenberg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fla-shop.com\/blog\/how-to-insert-interactive-map-gutenberg-editor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.fla-shop.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Insert an Interactive Map in Gutenberg Editor for WP"}]},{"@type":"WebSite","@id":"https:\/\/www.fla-shop.com\/blog\/#website","url":"https:\/\/www.fla-shop.com\/blog\/","name":"Fla-Shop.com","description":"Interactive Maps, HTML5, WordPress, Map Use-cases \u2013 Fla-shop.com blog","publisher":{"@id":"https:\/\/www.fla-shop.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fla-shop.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.fla-shop.com\/blog\/#organization","name":"Fla-shop.com","url":"https:\/\/www.fla-shop.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fla-shop.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2017\/06\/fla-shop_twitter_logo.jpg","contentUrl":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2017\/06\/fla-shop_twitter_logo.jpg","width":128,"height":128,"caption":"Fla-shop.com"},"image":{"@id":"https:\/\/www.fla-shop.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/flashopcom\/","https:\/\/x.com\/flashop","https:\/\/www.youtube.com\/user\/flashopcom"]},{"@type":"Person","@id":"https:\/\/www.fla-shop.com\/blog\/#\/schema\/person\/16214725e757dd92d37dbfe3e2a5db1e","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3bd8fdbd458f1b6c6dc6d8d2dc471f4986c4680b9492a7410ba0cc65f54527c7?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3bd8fdbd458f1b6c6dc6d8d2dc471f4986c4680b9492a7410ba0cc65f54527c7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3bd8fdbd458f1b6c6dc6d8d2dc471f4986c4680b9492a7410ba0cc65f54527c7?s=96&d=mm&r=g","caption":"admin"}}]}},"_links":{"self":[{"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/posts\/790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/comments?post=790"}],"version-history":[{"count":16,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/posts\/790\/revisions"}],"predecessor-version":[{"id":1813,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/posts\/790\/revisions\/1813"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/media\/1353"}],"wp:attachment":[{"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/media?parent=790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/categories?post=790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/tags?post=790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}