Skip to main content

Google Map integration


Hello


I am looking for feedback around how the Google Map integration works with Airtable. My goal is to type an address in Airtable, automatically populate the Google Map block in Airtable, then automatically populate a public Google Map embedded on a website.


Is this functionality possible?

19 replies


That’s what the block actually does:




Embedded blocks are in the way, they are in beta now :grinning_face_with_smiling_eyes:


  • Author
  • New Participant
  • 2 replies
  • November 5, 2018
Elias_Gomez_Sai wrote:

That’s what the block actually does:




Embedded blocks are in the way, they are in beta now :grinning_face_with_smiling_eyes:


I understand what the block does, but is there functionality to allow that to push to a map embedded on a website?


Valerie_Goren wrote:

I understand what the block does, but is there functionality to allow that to push to a map embedded on a website?


There’s nothing like that built into Airtable, no.


@Elias_Gomez_Sainz mentioned that embedded blocks are coming in the future. When those arrive, will that suit your needs? (your map block embedded in a public facing web page, so that users can click map pins to view record data, just like your can in your block)… Or do you need it specifically to be a Google Maps instance?


If you need it to be Google Maps, you’d probably have to use the Airtable API from your webpage to populate your Google Map instance – in which case, the Map block is not involved or needed in the exchange at all.


  • Inspiring
  • 1386 replies
  • November 6, 2018
Jeremy_Oglesby wrote:

There’s nothing like that built into Airtable, no.


@Elias_Gomez_Sainz mentioned that embedded blocks are coming in the future. When those arrive, will that suit your needs? (your map block embedded in a public facing web page, so that users can click map pins to view record data, just like your can in your block)… Or do you need it specifically to be a Google Maps instance?


If you need it to be Google Maps, you’d probably have to use the Airtable API from your webpage to populate your Google Map instance – in which case, the Map block is not involved or needed in the exchange at all.



…or a Zapier- or Integromat-based integration. I can’t remember if I’ve done a full push-pin integration, but I’ve tossed together an couple of automated distance calculations integrating Airtable and Google’s Mapping API, once using Zapier and once Integromat, and IIRC they each came together in 15 - 20 minutes.


  • Author
  • New Participant
  • 2 replies
  • November 9, 2018
W_Vann_Hall wrote:

…or a Zapier- or Integromat-based integration. I can’t remember if I’ve done a full push-pin integration, but I’ve tossed together an couple of automated distance calculations integrating Airtable and Google’s Mapping API, once using Zapier and once Integromat, and IIRC they each came together in 15 - 20 minutes.


@Jeremy_Oglesby and @w_vann_hall Thank you for the feedback. I can use the AirTable API. How would I go about doing that? Also looking into Zapier and I do not see hooking up to Google Maps as an option?


  • Inspiring
  • 1386 replies
  • November 9, 2018
Valerie_Goren wrote:

@Jeremy_Oglesby and @w_vann_hall Thank you for the feedback. I can use the AirTable API. How would I go about doing that? Also looking into Zapier and I do not see hooking up to Google Maps as an option?



I find I rarely use the predefined integrations – well, that’s not true: I use the Airtable interface (although I’m looking forward to giving the Openside customer connector a spin), but I often find I roll my own Zapier-to-[whatever] link on the other end using the Zapier Webhooks action app. That seems to be what I did when I built a Zap retrieving the distance between the city in the current record and the city in the previous record from Google’s Mapping API. In some cases I do so because a pre-rolled integration doesn’t exist; in others I do so because it gives me improved functionality; but I think I do so mainly because I want to understand what is going on behind the curtain. (Well, there’s a fourth probable reason: Because I start out by fiddling around to see what I can get to work, and suddenly the Zap is doing something pretty cool, so I graft it onto a base. I may be reinventing the wheel, at times – but as Zapier makes it so damn easy to invent, I don’t think I’m being that wasteful of cycles.)


Valerie_Goren wrote:

@Jeremy_Oglesby and @w_vann_hall Thank you for the feedback. I can use the AirTable API. How would I go about doing that? Also looking into Zapier and I do not see hooking up to Google Maps as an option?


To answer the other part of your question (the part @W_Vann_Hall didn’t address), accessing the Airtable API is something that would be done in the source code of your website – wherever this Google Map is being displayed.


There is some chunk of code that is responsible for producing the page where you want to display this map, and that code needs to hit Airtable’s API to pull in the location data you want to display on a map, use that data to hit the Google Maps API and request that map display with pins at the locations it retrieved from Airtable, and finally return that populated map to the client.


@Elias_Gomez_Sainz, any idea if embeddable blocks will be available anytime soon? I have the same use case as @Valerie_Goren.


  • New Participant
  • 4 replies
  • March 24, 2019

Same here! I am looking for a way to populate google maps with Airtable Data.


  • Known Participant
  • 58 replies
  • May 1, 2019
W_Vann_Hall wrote:

I find I rarely use the predefined integrations – well, that’s not true: I use the Airtable interface (although I’m looking forward to giving the Openside customer connector a spin), but I often find I roll my own Zapier-to-[whatever] link on the other end using the Zapier Webhooks action app. That seems to be what I did when I built a Zap retrieving the distance between the city in the current record and the city in the previous record from Google’s Mapping API. In some cases I do so because a pre-rolled integration doesn’t exist; in others I do so because it gives me improved functionality; but I think I do so mainly because I want to understand what is going on behind the curtain. (Well, there’s a fourth probable reason: Because I start out by fiddling around to see what I can get to work, and suddenly the Zap is doing something pretty cool, so I graft it onto a base. I may be reinventing the wheel, at times – but as Zapier makes it so damn easy to invent, I don’t think I’m being that wasteful of cycles.)


Hey @W_Vann_Hall, would you mind sharing any of Zapier Webhooks syntax (redacted of course) for interacting with Google APIs as food for thought? In fact, a community-sourced collection of webhooks and scripts would seem to be a great addition to this community.


For a personal experiment, I recently made an Expense Tracking base and with an associated Receipt Scanner form that uses Zapier to enrich and associate the data. I want to try expanding this experiment this weekend by connecting it directly to the Google Vision API to do an OCR text analysis (vs. having to manually use the Google Vision block) via a Zapier Webhook to automate the text analysis for expenses with an associated receipt. I may also try to connect such with the Google Maps API for kicks.


Lawrence_Ames
  • Known Participant
  • 11 replies
  • October 3, 2019
David_Krizan wrote:

Hey @W_Vann_Hall, would you mind sharing any of Zapier Webhooks syntax (redacted of course) for interacting with Google APIs as food for thought? In fact, a community-sourced collection of webhooks and scripts would seem to be a great addition to this community.


For a personal experiment, I recently made an Expense Tracking base and with an associated Receipt Scanner form that uses Zapier to enrich and associate the data. I want to try expanding this experiment this weekend by connecting it directly to the Google Vision API to do an OCR text analysis (vs. having to manually use the Google Vision block) via a Zapier Webhook to automate the text analysis for expenses with an associated receipt. I may also try to connect such with the Google Maps API for kicks.


I too would like to export a MAP BLOCK from Airtable to our web site.


  • New Participant
  • 1 reply
  • February 26, 2020

@Elias_Gomez_Sainz, Any update on when embedable map blocks are coming?


Matt_Heim wrote:

@Elias_Gomez_Sainz, Any update on when embedable map blocks are coming?


:man_shrugging: I don’t work at Airtable.


Likewise super needed.


Loren_Vandegrif wrote:

Likewise super needed.


Agreed. There should be an embed function for blocks the way there is for different table views.


  • Inspiring
  • 368 replies
  • June 18, 2020

We’ve built an extension that allows you to Embed Map of Airtable Records on Your Website



Elias_Gomez_Sai wrote:

That’s what the block actually does:




Embedded blocks are in the way, they are in beta now :grinning_face_with_smiling_eyes:


Hi, Can I share map view with my clients via your map app? Thanks


Reservations_Te wrote:

Hi, Can I share map view with my clients via your map app? Thanks


Yes, but you’ll also share all the records in all the tables of that base:



  • New Participant
  • 1 reply
  • August 28, 2021

Would it be possible to have the Maps accessible thorugh the mobile app? it would be SO useful:)


Reply