Tim Dietrich

Custom Software Developer

Home Services Portfolio Blog About Contact Newsletter

Airtable: Airmaps Web App Now Available

I'm excited to announce the availability of Airtable's second API demo resource, Airmaps. With Airmaps, you can easily generate interactive maps based on addresses that have been stored in an Airtable base.

A demo of Airmaps is available here. There are screenshots of maps generated with Airmaps below.

How It Works

To generate maps, Airmaps uses two APIs: The Airtable API, and the Google Maps API.

The Airtable API is used to retrieve addresses from a table and to save coordinates (latitude and longitude) in the table. By storing the coordinates, Airmaps is able to generate maps more efficiently.

The Google Maps API is used to get coordinates for addresses and to render the map. While you can use the Google Maps API for free, we do encourage you to review the Google Maps API license and information about Usage Limits and Billing.

Try It Yourself

To download the source code for Airmaps, click here.

To use Airmaps, you'll need a web server that supports PHP. Most of the popular Web hosting providers support PHP.

You'll also need to setup an Airtable base that includes columns with basic address information (street, city, state, zip). If you would like to use the Airtable base used in our demo, click here to easily add it to your account.

Once you have the Web app and Airtable base setup, simply configure the "settings.php" file with your API key and information about your base. Detailed instructions are included as comments in the settings file.

Customize It

Airmaps can be easily customized to meet your needs. For example, you can specify the pins that are displayed on the map, and use icons that better represent the nature of the addresses. You can also control the information that appears when a pin is clicked, adding your own HTML tags if you'd like.

If you have any questions about the demo, please feel free to contact me.

Here's a map generated by Airtable that includes a sample of US colleges. Click the image to see a larger version.

Here's another map generated by Airtable. This one includes a sample of colleges located around the world.