{"id":4221,"date":"2022-04-29T14:59:47","date_gmt":"2022-04-29T14:59:47","guid":{"rendered":"https:\/\/ionicframework.com\/blog\/?p=4221"},"modified":"2022-04-30T01:45:37","modified_gmt":"2022-04-30T01:45:37","slug":"announcing-the-capacitor-google-maps-plugin","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin","title":{"rendered":"Announcing the Capacitor Google Maps Plugin"},"content":{"rendered":"<p>Today we\u2019re excited to announce a new, open-source Capacitor plugin: <code>@capacitor\/google-maps<\/code>. With <code>@capacitor\/google-maps<\/code>, you can embed a native Google maps experience directly into your Capacitor app.<\/p>\n<p>Let\u2019s take a quick look at <a href=\"https:\/\/capacitorjs.com\/docs\/apis\/google-maps\">the Google Maps plugin API<\/a> and how you can add a map to your app.<\/p>\n<p><!--more--><\/p>\n<h2>Adding the @capacitor\/google-maps package to your project<\/h2>\n<p>You can add the Capacitor Google Maps plugin to your application by installing it from npm.<\/p>\n<pre><code class=\"language-bash\">npm i @capacitor\/google-maps\n<\/code><\/pre>\n<p>Once you\u2019ve installed the plugin you\u2019ll need to change some native configurations in order to let users know that you\u2019re requesting geolocation permissions for your app.<\/p>\n<p>For iOS, you\u2019ll need to <a href=\"https:\/\/capacitorjs.com\/docs\/ios\/configuration#configuring-infoplist\">modify the Info.plist<\/a> file to add the <code>NSLocationAlwaysUsageDescription<\/code> and <code>NSLocationWhenInUseUsageDescription<\/code> keys to describe to your user why you are requesting location permissions. These variables should contain an explanation for why your app uses geolocation and will appear in the permission pop-up when you first call a plugin method.<\/p>\n<p>For Android, you\u2019ll <a href=\"https:\/\/capacitorjs.com\/docs\/android\/configuration#configuring-androidmanifestxml\">add the following lines of code to your AndroidManifest.xml<\/a>. This allows your app to use the underlying geolocation permissions needed. With Android, you don\u2019t describe the usage in your code but instead, describe it on your Google Play Store page.<\/p>\n<pre><code class=\"language-xml\">&lt;uses-permission android:name=&quot;android.permission.ACCESS_COARSE_LOCATION&quot; \/&gt;\n&lt;uses-permission android:name=&quot;android.permission.ACCESS_FINE_LOCATION&quot; \/&gt;\n\n<\/code><\/pre>\n<p>Once you\u2019ve modified your projects to use the geolocation permissions; you\u2019re ready to sign up for a Google Maps API Key.<\/p>\n<h2>Signing up for the Google Maps SDKs<\/h2>\n<p>In order to use the Google Maps SDK, you\u2019ll need to create a Google Cloud account and create your project. Within your project, you should enable the <a href=\"https:\/\/developers.google.com\/maps\/documentation\/android-sdk\/cloud-setup\">Android<\/a>, <a href=\"https:\/\/developers.google.com\/maps\/documentation\/ios-sdk\/cloud-setup\">iOS<\/a>, and <a href=\"https:\/\/developers.google.com\/maps\/documentation\/javascript\/cloud-setup\">JavaScript<\/a> Maps SDKs. Once you\u2019ve enabled the SDKs, you can <a href=\"https:\/\/developers.google.com\/maps\/documentation\/android-sdk\/get-api-key\">create an API Key<\/a> to include in your project. Now that you\u2019ve set up your API Key, you can add it to your project and get a map inside your app.<\/p>\n<h2>Creating your first Map object<\/h2>\n<p>With the <code>@capacitor\/google-maps<\/code> project installed and your API Key setup, it\u2019s time to create your first Google Map element. The Google Maps plugin comes with a web component that handles a lot of the heavy lifting and automatically communicates back to the native layer for you.<\/p>\n<pre><code class=\"language-html\">&lt;capacitor-google-map id=&quot;map&quot;&gt;&lt;\/capacitor-google-map&gt;\n<\/code><\/pre>\n<p>To initialize the map with your API key, you\u2019ll use the <code>GoogleMaps.create()<\/code> function like this.<\/p>\n<pre><code class=\"language-javascript\">import { GoogleMap } from &#039;@capacitor\/google-maps&#039;;\n\nconst apiKey = process.env.MY_MAPS_API_KEY;\nconst mapElement = document.getElementById(&#039;map&#039;);\nconst mapConfig = {\n  center: {\n    lat: 33.6,\n    lng: -117.9,\n  },\n  zoom: 8,\n  androidLiteMode: false,\n}\nconst mapOptions = {\n  id: \u2018my-map\u2019,\n  apiKey: apiKey,\n  config: mapConfig,\n  element: mapElement,\n}\n\n\/\/ Create the Map Element\nconst map = await GoogleMap.create(mapOptions);\n\n\/\/ Drop a Map Marker\nawait map.addMarkers({\n  coordinate: {\n    lat: 33.6,\n    lng: -117.9,\n  },\n  title: &#039;Hello world&#039;,\n});\n\n<\/code><\/pre>\n<p>And with that, you\u2019ve created your first Google Map element!<\/p>\n<h2>Why use this over existing solutions?<\/h2>\n<p>There are a few other existing solutions for embedding maps inside your Capacitor application. But why use this one? There are a few reasons.<\/p>\n<h3>Capacitor Google Maps is a \u201ccore\u201d Capacitor plugin<\/h3>\n<p>It is maintained by the same engineers who maintain Capacitor. Core plugins receive constant updates from the Ionic team and are guaranteed to work on day one of major versions of Capacitor. If you want a solution made by experts in Capacitor, this is the team to trust.<\/p>\n<h3>Capacitor Google Maps is maintained by Ionic<\/h3>\n<p>Open Source contributors are great, and there are plenty of excellent projects maintained by the goodwill of the community. However, having an open-source solution backed by a paid team of engineers that <a href=\"https:\/\/ionicframework.com\/blog\/who-is-going-to-support-your-next-mobile-app-project-hint-not-react-native-or-flutter\/\">can help you support your next app<\/a> means that this plugin won\u2019t unexpectedly become unmaintained with little to no notice.<\/p>\n<h3>Capacitor Google Maps is simple to use<\/h3>\n<p>Once you\u2019ve signed up for a Google Maps API key, using the Capacitor Google Maps plugin is easy and works identically across Android, iOS, and Web. With a dozen lines of JavaScript and a single HTML tag, you can have an interactable map inside your application.<\/p>\n<h2>Closing Thoughts<\/h2>\n<p>Be sure to <a href=\"https:\/\/capacitorjs.com\/docs\/apis\/google-maps\">check out our API Reference<\/a> to see what else you can do with this plugin. We\u2019re also planning a blog post with a technical deep dive into how we created this plugin, so stay tuned for more interesting stuff from the Capacitor team.  This plugin is the first plugin added to the list of core Capacitor plugins since Capacitor 2 and we\u2019re really excited to share it with the community!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today we\u2019re excited to announce a new, open-source Capacitor plugin: @capacitor\/google-maps. With @capacitor\/google-maps, you can embed a native Google maps experience directly into your Capacitor app. Let\u2019s take a quick look at the Google Maps plugin API and how you can add a map to your app.<\/p>\n","protected":false},"author":90,"featured_media":4222,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"0","publish_post_category":"26","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"546249","discourse_permalink":"https:\/\/forum.ionicframework.com\/t\/announcing-the-capacitor-google-maps-plugin\/222828","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[120,121],"tags":[81,151,225],"class_list":["post-4221","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-announcements","category-engineering","tag-announcements","tag-capacitor","tag-engineering"],"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>Announcing the Capacitor Google Maps Plugin - Ionic Blog<\/title>\n<meta name=\"description\" content=\"We\u2019re excited to announce a new Capacitor plugin: Google Maps. With this plugin, you can embed a map directly into your Capacitor app.\" \/>\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\/announcing-the-capacitor-google-maps-plugin\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Announcing the Capacitor Google Maps Plugin\" \/>\n<meta property=\"og:description\" content=\"We\u2019re excited to announce a new Capacitor plugin: Google Maps. With this plugin, you can embed a map directly into your Capacitor app.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-29T14:59:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-30T01:45:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/04\/google-maps-plugin-feature-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"880\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Thomas Vidas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ThomasVidas\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thomas Vidas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin\"},\"author\":{\"name\":\"Thomas Vidas\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/2191fc27ddf1fb0e68acad42e1f71bd2\"},\"headline\":\"Announcing the Capacitor Google Maps Plugin\",\"datePublished\":\"2022-04-29T14:59:47+00:00\",\"dateModified\":\"2022-04-30T01:45:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin\"},\"wordCount\":662,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/04\/google-maps-plugin-feature-image.png\",\"keywords\":[\"announcements\",\"Capacitor\",\"engineering\"],\"articleSection\":[\"Announcements\",\"Engineering\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin\",\"url\":\"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin\",\"name\":\"Announcing the Capacitor Google Maps Plugin - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/04\/google-maps-plugin-feature-image.png\",\"datePublished\":\"2022-04-29T14:59:47+00:00\",\"dateModified\":\"2022-04-30T01:45:37+00:00\",\"description\":\"We\u2019re excited to announce a new Capacitor plugin: Google Maps. With this plugin, you can embed a map directly into your Capacitor app.\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/04\/google-maps-plugin-feature-image.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/04\/google-maps-plugin-feature-image.png\",\"width\":1600,\"height\":880,\"caption\":\"Add a map to your app!\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Announcing the Capacitor Google Maps Plugin\"}]},{\"@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\/2191fc27ddf1fb0e68acad42e1f71bd2\",\"name\":\"Thomas Vidas\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2021\/11\/avatar-thomas-150x150.jpeg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2021\/11\/avatar-thomas-150x150.jpeg\",\"caption\":\"Thomas Vidas\"},\"sameAs\":[\"https:\/\/x.com\/ThomasVidas\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/thomasionic-io\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Announcing the Capacitor Google Maps Plugin - Ionic Blog","description":"We\u2019re excited to announce a new Capacitor plugin: Google Maps. With this plugin, you can embed a map directly into your Capacitor app.","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\/announcing-the-capacitor-google-maps-plugin","og_locale":"en_US","og_type":"article","og_title":"Announcing the Capacitor Google Maps Plugin","og_description":"We\u2019re excited to announce a new Capacitor plugin: Google Maps. With this plugin, you can embed a map directly into your Capacitor app.","og_url":"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin","og_site_name":"Ionic Blog","article_published_time":"2022-04-29T14:59:47+00:00","article_modified_time":"2022-04-30T01:45:37+00:00","og_image":[{"width":1600,"height":880,"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/04\/google-maps-plugin-feature-image.png","type":"image\/png"}],"author":"Thomas Vidas","twitter_card":"summary_large_image","twitter_creator":"@ThomasVidas","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Thomas Vidas","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin"},"author":{"name":"Thomas Vidas","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/2191fc27ddf1fb0e68acad42e1f71bd2"},"headline":"Announcing the Capacitor Google Maps Plugin","datePublished":"2022-04-29T14:59:47+00:00","dateModified":"2022-04-30T01:45:37+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin"},"wordCount":662,"commentCount":0,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/04\/google-maps-plugin-feature-image.png","keywords":["announcements","Capacitor","engineering"],"articleSection":["Announcements","Engineering"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin","url":"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin","name":"Announcing the Capacitor Google Maps Plugin - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/04\/google-maps-plugin-feature-image.png","datePublished":"2022-04-29T14:59:47+00:00","dateModified":"2022-04-30T01:45:37+00:00","description":"We\u2019re excited to announce a new Capacitor plugin: Google Maps. With this plugin, you can embed a map directly into your Capacitor app.","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/04\/google-maps-plugin-feature-image.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/04\/google-maps-plugin-feature-image.png","width":1600,"height":880,"caption":"Add a map to your app!"},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/announcing-the-capacitor-google-maps-plugin#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Announcing the Capacitor Google Maps Plugin"}]},{"@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\/2191fc27ddf1fb0e68acad42e1f71bd2","name":"Thomas Vidas","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2021\/11\/avatar-thomas-150x150.jpeg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2021\/11\/avatar-thomas-150x150.jpeg","caption":"Thomas Vidas"},"sameAs":["https:\/\/x.com\/ThomasVidas"],"url":"https:\/\/ionic.io\/blog\/author\/thomasionic-io"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/04\/google-maps-plugin-feature-image.png","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/4221","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\/90"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=4221"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/4221\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media\/4222"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=4221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=4221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=4221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}