First of all, you'll need to create an account or log in.
Once that is complete, you'll need to create a new Connection to an external data source. This is where we will load data to populate your map. Manage your connections at /settings/connections.
Aftwards, head over to your profile to create a new map.
Once you've added your connection and created your map, you'll need to connect the data.
When you visit your map page, click the edit button. You'll need to configure the data sources below in the "Backend Config" section.
It should look something like this:
{
"fieldName": "NAME_FIELD",
"fieldLat": "LAT_FIELD",
"fieldLon": "LON_FIELD",
"fieldUrl": "URL_FIELD",
"airtableBaseId": "automatically_set",
"airtableTableId": "automatically_set"
}
Optional fields:
fieldImage: This field can be an airtable attachment field (upload an image) or a URL / string field linking to an image.
fieldSecondaryText: This field is a string that will show as smaller text below the place name.
fieldSort: This field is a number that will be used to sort the places in the list view. Blank values will be sorted to the bottom.
sortDirection: This field is a string that will be used to sort the places in the list view. Valid values are "asc" or "desc", defaulting to "asc".
fieldPublished: This field is a boolean that should be true if you wish for the place to be shown.
fieldColorProp: This field is a string that will be used to color markers. The value should be a string like "cafe" or "restaurant", and then update the circle-color value in Marker Paint Config setting option. See here for an example of how to structure the matching code.
You'll need to replace these field names with the names used within your data source table.
When working with images in Airtable, you can choose to use either an Attachment field type, where you upload the field directly, or choose a string / URL field and link to the resource externally.
With Make Atlas, you're able to embed your maps directly on your website, or pull data directly from the GeoJSON feed.
Embed the map directly by appending /embed to your map URL and placing it in an iframe, like this:
MakeAtlas.com/reustle/tokyotech-workspaces/embed
Load the GeoJSON feed by appending .json to the end of your map URL, like this:
MakeAtlas.com/reustle/tokyotech-workspaces.json