{"id":1367,"date":"2016-08-31T19:51:42","date_gmt":"2016-08-31T19:51:42","guid":{"rendered":"https:\/\/ionic.io\/blog\/?p=1367"},"modified":"2016-08-31T19:51:42","modified_gmt":"2016-08-31T19:51:42","slug":"google-maps-component-in-ionic-creator","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator","title":{"rendered":"Google Maps Component in Ionic Creator"},"content":{"rendered":"<p>One of the most highly requested components in <a href=\"http:\/\/usecreator.com\">Creator<\/a> has been the Google Maps component, and I&#8217;m pleased to let everyone know it&#8217;s finally here!<\/p>\n<div class=\"video-container\">\n              <iframe data-src=\"https:\/\/www.youtube.com\/embed\/jH6pehfUNp4\"frameborder=\"0\" allowfullscreen src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe>\n            <\/div>\n<p><!--more--><\/p>\n<h3>The Google Maps Addon ?<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"276\" class=\"aligncenter size-large wp-image-1368 lazyload\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.36.46-1024x276.png\" alt=\"Screenshot 2016-08-31 14.36.46\" data-srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.36.46-1024x276.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.36.46-300x81.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.36.46-768x207.png 768w\" data-sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/276;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"276\" class=\"aligncenter size-large wp-image-1368\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.36.46-1024x276.png\" alt=\"Screenshot 2016-08-31 14.36.46\" srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.36.46-1024x276.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.36.46-300x81.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.36.46-768x207.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/noscript><\/p>\n<p>We take care of adding everything you need to your project to get Angular Google Maps support up and running. All of the dependencies, a custom directive, and your API key all get added automatically for you in one simple click.<\/p>\n<h3>The Simple Drag &amp; Drop Component ?<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"422\" class=\"aligncenter size-large wp-image-1369 lazyload\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.40.09-1024x422.png\" alt=\"Screenshot 2016-08-31 14.40.09\" data-srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.40.09-1024x422.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.40.09-300x124.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.40.09-768x316.png 768w\" data-sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/422;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"422\" class=\"aligncenter size-large wp-image-1369\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.40.09-1024x422.png\" alt=\"Screenshot 2016-08-31 14.40.09\" srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.40.09-1024x422.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.40.09-300x124.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.40.09-768x316.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/noscript><\/p>\n<p>We&#8217;ve included a Drag &amp; Drop component that allows you to add a Map to your project with just a few options.\u00a0Add the address (or plain old location name like &#8220;Madison Capital&#8221;), the zoom level, and some Google Maps options and you&#8217;re good to go!<\/p>\n<h3>Full Power with Code Based Maps ?<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"227\" class=\"aligncenter size-large wp-image-1370 lazyload\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.42.24-1024x227.png\" alt=\"Screenshot 2016-08-31 14.42.24\" data-srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.42.24-1024x227.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.42.24-300x67.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.42.24-768x171.png 768w\" data-sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/227;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"227\" class=\"aligncenter size-large wp-image-1370\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.42.24-1024x227.png\" alt=\"Screenshot 2016-08-31 14.42.24\" srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.42.24-1024x227.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.42.24-300x67.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.42.24-768x171.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/noscript><\/p>\n<p>We also open up the Angular Google Maps code for you to use directly through JavaScript and our HTML component. We&#8217;ve even got a one-click install for a simple code example you can start with.<\/p>\n<h3>Grab Google Maps with Creator Pro<\/h3>\n<p>Google Maps support is available with a Creator Pro account, but we&#8217;ve got your back. <strong><em>Our $19\/month annual discount is ending tonight<\/em><\/strong>, so make sure to <em><strong>subscribe now and save $120<\/strong><\/em>! You&#8217;ll grab <a href=\"https:\/\/ionic.io\/blog\/creator-adds-custom-code-support\/\">Custom Code Support<\/a>, Google Maps, Creator Mobile, Package Support, and much much more.<\/p>\n<p><a href=\"http:\/\/usecreator.com\"><img loading=\"lazy\" decoding=\"async\" width=\"1400\" height=\"200\" class=\"aligncenter size-full wp-image-706 lazyload\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2015\/11\/try-creator-button.png\" alt=\"try-creator-button\" data-srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2015\/11\/try-creator-button.png 1400w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2015\/11\/try-creator-button-300x43.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2015\/11\/try-creator-button-1024x146.png 1024w\" data-sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1400px; --smush-placeholder-aspect-ratio: 1400\/200;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1400\" height=\"200\" class=\"aligncenter size-full wp-image-706\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2015\/11\/try-creator-button.png\" alt=\"try-creator-button\" srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2015\/11\/try-creator-button.png 1400w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2015\/11\/try-creator-button-300x43.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2015\/11\/try-creator-button-1024x146.png 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/noscript><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the most highly requested components in Creator has been the Google Maps component, and I&#8217;m pleased to let everyone know it&#8217;s finally here!<\/p>\n","protected":false},"author":25,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[16],"class_list":["post-1367","post","type-post","status-publish","format-standard","hentry","category-all","tag-creator"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v23.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Google Maps Component in Ionic Creator - Ionic Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google Maps Component in Ionic Creator\" \/>\n<meta property=\"og:description\" content=\"One of the most highly requested components in Creator has been the Google Maps component, and I&#8217;m pleased to let everyone know it&#8217;s finally here!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-08-31T19:51:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.36.46-1024x276.png\" \/>\n<meta name=\"author\" content=\"Matt Kremer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@matthewkremer\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matt Kremer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator\"},\"author\":{\"name\":\"Matt Kremer\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/073efef09ceca1b117c33f77cb4120be\"},\"headline\":\"Google Maps Component in Ionic Creator\",\"datePublished\":\"2016-08-31T19:51:42+00:00\",\"dateModified\":\"2016-08-31T19:51:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator\"},\"wordCount\":236,\"commentCount\":7,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.36.46-1024x276.png\",\"keywords\":[\"Creator\"],\"articleSection\":[\"All\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator\",\"url\":\"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator\",\"name\":\"Google Maps Component in Ionic Creator - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.36.46-1024x276.png\",\"datePublished\":\"2016-08-31T19:51:42+00:00\",\"dateModified\":\"2016-08-31T19:51:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.36.46.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.36.46.png\",\"width\":3360,\"height\":906},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Google Maps Component in Ionic Creator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/073efef09ceca1b117c33f77cb4120be\",\"name\":\"Matt Kremer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2015\/11\/matt-sm-150x150.jpg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2015\/11\/matt-sm-150x150.jpg\",\"caption\":\"Matt Kremer\"},\"sameAs\":[\"https:\/\/x.com\/matthewkremer\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/matt\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Google Maps Component in Ionic Creator - Ionic Blog","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:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator","og_locale":"en_US","og_type":"article","og_title":"Google Maps Component in Ionic Creator","og_description":"One of the most highly requested components in Creator has been the Google Maps component, and I&#8217;m pleased to let everyone know it&#8217;s finally here!","og_url":"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator","og_site_name":"Ionic Blog","article_published_time":"2016-08-31T19:51:42+00:00","og_image":[{"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.36.46-1024x276.png"}],"author":"Matt Kremer","twitter_card":"summary_large_image","twitter_creator":"@matthewkremer","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Matt Kremer","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator"},"author":{"name":"Matt Kremer","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/073efef09ceca1b117c33f77cb4120be"},"headline":"Google Maps Component in Ionic Creator","datePublished":"2016-08-31T19:51:42+00:00","dateModified":"2016-08-31T19:51:42+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator"},"wordCount":236,"commentCount":7,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.36.46-1024x276.png","keywords":["Creator"],"articleSection":["All"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator","url":"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator","name":"Google Maps Component in Ionic Creator - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.36.46-1024x276.png","datePublished":"2016-08-31T19:51:42+00:00","dateModified":"2016-08-31T19:51:42+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.36.46.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/Screenshot-2016-08-31-14.36.46.png","width":3360,"height":906},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/google-maps-component-in-ionic-creator#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Google Maps Component in Ionic Creator"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/073efef09ceca1b117c33f77cb4120be","name":"Matt Kremer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2015\/11\/matt-sm-150x150.jpg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2015\/11\/matt-sm-150x150.jpg","caption":"Matt Kremer"},"sameAs":["https:\/\/x.com\/matthewkremer"],"url":"https:\/\/ionic.io\/blog\/author\/matt"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/1367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=1367"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/1367\/revisions"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=1367"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=1367"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=1367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}