[{"data":1,"prerenderedAt":420},["ShallowReactive",2],{"footer-primary":3,"footer-secondary":93,"footer-description":119,"uncharted-territory-using-the-map-layout-in-directus":121,"uncharted-territory-using-the-map-layout-in-directus-next":154,"sales-reps":168},{"items":4},[5,29,49,69],{"id":6,"title":7,"url":8,"page":8,"children":9},"522e608a-77b0-4333-820d-d4f44be2ade1","Solutions",null,[10,15,20,25],{"id":11,"title":12,"url":8,"page":13},"fcafe85a-a798-4710-9e7a-776fe413aae5","Headless CMS",{"permalink":14},"/solutions/headless-cms",{"id":16,"title":17,"url":8,"page":18},"79972923-93cf-4777-9e32-5c9b0315fc10","Backend-as-a-Service",{"permalink":19},"/solutions/backend-as-a-service",{"id":21,"title":22,"url":8,"page":23},"0fa8d0c1-7b64-4f6f-939d-d7fdb99fc407","Product Information",{"permalink":24},"/solutions/product-information-management",{"id":26,"title":27,"url":28,"page":8},"63946d54-6052-4780-8ff4-91f5a9931dcc","100+ Things to Build","https://directus.io/blog/100-tools-apps-and-platforms-you-can-build-with-directus",{"id":30,"title":31,"url":8,"page":8,"children":32},"8ab4f9b1-f3e2-44d6-919b-011d91fe072f","Resources",[33,37,41,45],{"id":34,"title":35,"url":36,"page":8},"f951fb84-8777-4b84-9e91-996fe9d25483","Documentation","https://docs.directus.io",{"id":38,"title":39,"url":40,"page":8},"366febc7-a538-4c08-a326-e6204957f1e3","Guides","https://docs.directus.io/guides/",{"id":42,"title":43,"url":44,"page":8},"aeb9128e-1c5f-417f-863c-2449416433cd","Community","https://directus.chat",{"id":46,"title":47,"url":48,"page":8},"da1c2ed8-0a77-49b0-a903-49c56cb07de5","Release Notes","https://github.com/directus/directus/releases",{"id":50,"title":51,"url":8,"page":8,"children":52},"d61fae8c-7502-494a-822f-19ecff3d0256","Support",[53,57,61,65],{"id":54,"title":55,"url":56,"page":8},"8c43c781-7ebd-475f-a931-747e293c0a88","Issue Tracker","https://github.com/directus/directus/issues",{"id":58,"title":59,"url":60,"page":8},"d77bb78e-cf7b-4e01-932a-514414ba49d3","Feature Requests","https://github.com/directus/directus/discussions?discussions_q=is:open+sort:top",{"id":62,"title":63,"url":64,"page":8},"4346be2b-2c53-476e-b53b-becacec626a6","Community Chat","https://discord.com/channels/725371605378924594/741317677397704757",{"id":66,"title":67,"url":68,"page":8},"26c115d2-49f7-4edc-935e-d37d427fb89d","Cloud Dashboard","https://directus.cloud",{"id":70,"title":71,"url":8,"page":8,"children":72},"49141403-4f20-44ac-8453-25ace1265812","Organization",[73,78,84,88],{"id":74,"title":75,"url":76,"page":77},"1f36ea92-8a5e-47c8-914c-9822a8b9538a","About","/about",{"permalink":76},{"id":79,"title":80,"url":81,"page":82},"b84bf525-5471-4b14-a93c-225f6c386005","Careers","#",{"permalink":83},"/careers",{"id":85,"title":86,"url":87,"page":8},"86aabc3a-433d-434b-9efa-ad1d34be0a34","Brand Assets","https://drive.google.com/drive/folders/1lBOTba4RaA5ikqOn8Ewo4RYzD0XcymG9?usp=sharing",{"id":89,"title":90,"url":8,"page":91},"8d2fa1e3-198e-4405-81e1-2ceb858bc237","Contact",{"permalink":92},"/contact",{"items":94},[95,101,107,113],{"id":96,"title":97,"url":8,"page":98,"children":100},"8a1b7bfa-429d-4ffc-a650-2a5fdcf356da","Cloud Policies",{"permalink":99},"/cloud-policies",[],{"id":102,"title":103,"url":81,"page":104,"children":106},"bea848ef-828f-4306-8017-6b00ec5d4a0c","License",{"permalink":105},"/bsl",[],{"id":108,"title":109,"url":81,"page":110,"children":112},"4e914f47-4bee-42b7-b445-3119ee4196ef","Terms",{"permalink":111},"/terms",[],{"id":114,"title":115,"url":81,"page":116,"children":118},"ea69eda6-d317-4981-8421-fcabb1826bfd","Privacy",{"permalink":117},"/privacy",[],{"description":120},"\u003Cp>A composable backend to build your Headless CMS, BaaS, and more. \u003C/p>",{"id":122,"slug":123,"vimeo_id":124,"description":125,"tile":126,"length":127,"resources":8,"people":8,"episode_number":128,"published":129,"title":130,"video_transcript_html":131,"video_transcript_text":132,"content":8,"status":133,"episode_people":134,"recommendations":142,"season":143,"seo":153},"481c2654-a4d8-415d-bb1f-ea25ea3d27d0","using-the-map-layout-in-directus","1068453361","Directus allows you to display geospatial data in the content module. In this episode, Carmen will walk you through how to use the Map Layout in Directus.","780f385f-e060-44e8-be9f-2460ac20f570",6,2,"2025-03-27","Using the Map Layout in Directus","\u003Cp>Speaker 0: Hey there. Carmen here from Directus. Let's look at how to use the map layout with geospatial data. Here we are in a brand new Directus project.\u003C/p>\u003Cp>Speaker 1: Let's go ahead and create a brand new collection. This is going to be for my road trips I'm gonna go ahead and click on next\u003C/p>\u003Cp>Speaker 0: and leave all of these fields blank now the collection is created but I don't have any fields yet This collection is gonna have two fields. One for the date when my journey started and a map field for all of the places I visited. Go ahead and click on create field and then on date time. Now,\u003C/p>\u003Cp>Speaker 1: the key for the date time is gonna be just date and the type is gonna be a date.\u003C/p>\u003Cp>Speaker 0: Save that. And next, I'm gonna create another field of type map called places.\u003C/p>\u003Cp>Speaker 1: Now in another episode of uncharted territory, we explore the different types of map fields. For this one, I'm gonna go ahead and pick line string. That's because I want to save a series of places that I visited during a road trip. I'm gonna go ahead and save that.\u003C/p>\u003Cp>Speaker 0: Now my collection is ready to go. Let's add some data. I'm gonna go ahead and click on create item, set my date to be the beginning of this month,\u003C/p>\u003Cp>Speaker 1: and my first trip is gonna be along Chile.\u003C/p>\u003Cp>Speaker 0: We start at Antofagasta, go down to Atacama, move along down to Valparaiso, that's where I'm from, and next to Santiago, the capital,\u003C/p>\u003Cp>Speaker 1: do a stopover at Temuco. And let's go ahead and make our next stop be, How about the aisle of Chile?\u003C/p>\u003Cp>Speaker 0: We'll end our road trip over at Puerto Mont. Great. That's done. I'm going to go ahead and save that. Now, by default, when we look at our map data, it looks like a collection of coordinates.\u003C/p>\u003Cp>Not ideal. Let's add one more road trip before we do something about it. Gonna click on create item. My next trip is gonna be the previous month, start of February,\u003C/p>\u003Cp>Speaker 1: and it's gonna take place in Europe. Let's go ahead and start in Vienna, capital of Austria. That's where I live.\u003C/p>\u003Cp>Speaker 0: Let's go over to Graz then to Klagenfurt.\u003C/p>\u003Cp>Speaker 1: Then how about Ljubljana in Slovenia, which I'm told is beautiful, down to Zagreb in Croatia, and we'll end\u003C/p>\u003Cp>Speaker 0: in Belgrade in Serbia.\u003C/p>\u003Cp>Speaker 1: Fantastic. Let's go ahead and save that. And once again, collection of coordinates.\u003C/p>\u003Cp>Speaker 0: Now, let's talk about layouts. In Directus, we can use layouts to display our data in different ways. Calendar cards, which look like this. We've got Kanban, which is currently empty. Calendar for our we could use our dates for that.\u003C/p>\u003Cp>But\u003C/p>\u003Cp>Speaker 1: we're gonna use the map layout. And here, we can see our road trips show up.\u003C/p>\u003Cp>Speaker 0: We can see our trip from Chile from March 2. And up here, we can see our road trip from February 2.\u003C/p>\u003Cp>Speaker 1: Over here, we can use see our base map, which is set by default to open street map, our geospatial field, which if we have more than one, we can set it accordingly, and our display template. And what's cool about this is we can write it however we like. How about road trip from space and then we can pick it and then we can pick a date and check it out. Now it says road trip from 02/02/2025.\u003C/p>\u003Cp>Speaker 0: Furthermore, if\u003C/p>\u003Cp>Speaker 1: we go back to our settings and we change our dates display to be relative,\u003C/p>\u003Cp>Speaker 0: Check this out.\u003C/p>\u003Cp>Speaker 1: Let's set our layout to be the map again, road trip from,\u003C/p>\u003Cp>Speaker 0: and now we can see we have\u003C/p>\u003Cp>Speaker 1: a road trip from about one month ago. So that's the use of the map layout in Directus.\u003C/p>","Hey there. Carmen here from Directus. Let's look at how to use the map layout with geospatial data. Here we are in a brand new Directus project. Let's go ahead and create a brand new collection. This is going to be for my road trips I'm gonna go ahead and click on next and leave all of these fields blank now the collection is created but I don't have any fields yet This collection is gonna have two fields. One for the date when my journey started and a map field for all of the places I visited. Go ahead and click on create field and then on date time. Now, the key for the date time is gonna be just date and the type is gonna be a date. Save that. And next, I'm gonna create another field of type map called places. Now in another episode of uncharted territory, we explore the different types of map fields. For this one, I'm gonna go ahead and pick line string. That's because I want to save a series of places that I visited during a road trip. I'm gonna go ahead and save that. Now my collection is ready to go. Let's add some data. I'm gonna go ahead and click on create item, set my date to be the beginning of this month, and my first trip is gonna be along Chile. We start at Antofagasta, go down to Atacama, move along down to Valparaiso, that's where I'm from, and next to Santiago, the capital, do a stopover at Temuco. And let's go ahead and make our next stop be, How about the aisle of Chile? We'll end our road trip over at Puerto Mont. Great. That's done. I'm going to go ahead and save that. Now, by default, when we look at our map data, it looks like a collection of coordinates. Not ideal. Let's add one more road trip before we do something about it. Gonna click on create item. My next trip is gonna be the previous month, start of February, and it's gonna take place in Europe. Let's go ahead and start in Vienna, capital of Austria. That's where I live. Let's go over to Graz then to Klagenfurt. Then how about Ljubljana in Slovenia, which I'm told is beautiful, down to Zagreb in Croatia, and we'll end in Belgrade in Serbia. Fantastic. Let's go ahead and save that. And once again, collection of coordinates. Now, let's talk about layouts. In Directus, we can use layouts to display our data in different ways. Calendar cards, which look like this. We've got Kanban, which is currently empty. Calendar for our we could use our dates for that. But we're gonna use the map layout. And here, we can see our road trips show up. We can see our trip from Chile from March 2. And up here, we can see our road trip from February 2. Over here, we can use see our base map, which is set by default to open street map, our geospatial field, which if we have more than one, we can set it accordingly, and our display template. And what's cool about this is we can write it however we like. How about road trip from space and then we can pick it and then we can pick a date and check it out. Now it says road trip from 02/02/2025. Furthermore, if we go back to our settings and we change our dates display to be relative, Check this out. Let's set our layout to be the map again, road trip from, and now we can see we have a road trip from about one month ago. So that's the use of the map layout in Directus.","published",[135],{"people_id":136},{"id":137,"first_name":138,"last_name":139,"avatar":140,"bio":141,"links":8},"49c9e2fa-e7d7-45c9-b7b0-7125a2219f16","Carmen","Huidobro","fedb548b-def3-437c-b90a-f0d4d3d81d1d","Developer Educator at Directus",[],{"id":144,"number":145,"year":146,"episodes":147,"show":150},"bdfe9ee7-796d-474d-87fe-b2e38c6576e9",1,"2025",[148,122,149],"85aaab3f-4674-44b4-a307-77b095228eea","592bb1b1-59a1-4c28-9690-1752ccf2d7e2",{"title":151,"tile":152},"Uncharted Territory","b054cc12-4cb6-4d06-bb24-e6f86d632fe3",{"title":8,"meta_description":8},{"id":149,"slug":155,"season":144,"vimeo_id":156,"description":157,"tile":158,"length":159,"resources":8,"people":8,"episode_number":160,"published":129,"title":161,"video_transcript_html":162,"video_transcript_text":163,"content":8,"seo":164,"status":133,"episode_people":165,"recommendations":167},"geocoding-using-the-mapboxapi","1068453287","Directus Automate allows you to integrate with numerous services and automatically perform actions on specific triggers. In this episode, Carmen will walk you through creating an application that integrates with the Mapbox API to automatically retrieve addresses and locations.","6fc1451a-dd7d-4b02-8f49-5a28cc1ea340",11,3,"Geocoding using the Mapbox API and Directus Automate","\u003Cp>Speaker 0: Alright. Here we are in a brand new Directus project. Now, in this episode of uncharted territory, I'm gonna show you how to build an application that autocompletes addresses and automatically retrieves GeoJSON data using the Mapbox API. Now, in order to go through this project, you will need to sign up for a free Mapbox account and get an API key. So, let's create our collection for this project.\u003C/p>\u003Cp>Now, this application is going to contain a collection of cafes complete with their address, location, and rating. So, finish the setup. And let's build our first field. The first field is going to be an autocomplete input for the address. Now to work with autocomplete inputs in Directus, we need to have a URL to query for the list of results.\u003C/p>\u003Cp>This is going to take the shape of our URL. This is going to come directly from the Mapbox API. So we've got our URL, and our first query parameter is the value. You can notice here in the curly brackets, this is going to come from what we type into the autocomplete input field. The next query parameter is our access token.\u003C/p>\u003Cp>The results path here is the array or list of results. From the Mapbox API, I know this to be features. Next, we're going to set the text path and the value path. Now the text path is going to be what is displayed for our users. This is properties dot full underscore address.\u003C/p>\u003Cp>Again, this comes directly from the Mapbox API. And for the value path, that is what we're going to store in our collection, it's going to be the same thing. Properties. Full address. Wonderful.\u003C/p>\u003Cp>Well, guess what? We're ready to save that and try it out. Let's go over to our content and create a new item. We're gonna look up one of my favorite cafes, Cafe Mozart in Vienna. I know that sounds typical.\u003C/p>\u003Cp>And I know the address to be Albertina Platz 2 Or 2. So here we go. Perfect. And we can see that it autocompletes, gives us suggestions, and now I can go ahead and save that. But before I do that, I would actually like this to save on a map or retrieve its geolocation data.\u003C/p>\u003Cp>So, I'm not actually gonna save this cafe because next, I want to save the location. Let's go over to our collection again and add the remaining two fields. First is the rating, which is a slider. I'm gonna call it rating, minimum value zero, maximum value five, and the step interval is going to be one. Fantastic.\u003C/p>\u003Cp>Next, we're going to add a map field. We'll call it location. In another episode of uncharted territory, we covered the different types of geolocation data. Check it out. For this, we're going to save the raw JSON data.\u003C/p>\u003Cp>Perfect. Let's go ahead and save that. Now, my aim is to have Directus automatically set the location when I add the address. And, we're going to do this using flows. Flows allow me to automate different aspects of my Directus project.\u003C/p>\u003Cp>We don't have any flows in our Directus project yet, so we're gonna add our first one. And this one's going to be called geolocate cafe. We're going to set up a trigger for it, which is an event hook. This is going to be a filter type, which means that it will block, as in the action that we take, in this case, creating a new cafe or editing a cafe, is going to be blocked until this flow completes. We'll choose filter type.\u003C/p>\u003Cp>The scope will be for creating an item and updating an item because we want to automatically get that geolocation when we create or edit a cafe. Speaking of which, our collection is going to be cafes. The response body is going to be the data of the last operation. Let's go ahead and save that setup. And now we're ready to work on our flow.\u003C/p>\u003Cp>So let's go ahead and add our first operation. In order for this flow to run, we want to make sure that the address has been set. So it's going to be a condition. That is, we're going to make sure that the address was submitted. Let's write in our condition.\u003C/p>\u003Cp>We're going to make sure that our flows trigger data, which contains a payload of data. We want to make sure that the payload of data contains an address. Not just contains an address, but we wanna make sure that it has been submitted, that is, that the payload of data we're submitting contains an address. So, we wanna make sure that the address has been submitted here. We'll go ahead and save that.\u003C/p>\u003Cp>And now, we have a condition. As you can see, it splits off in two directions. Great. Let's add the operations that take place if the address has been set. This is called the happy path.\u003C/p>\u003Cp>Now for this, we're going to make a web request or webhook operation. And it's going to go to the Mapbox API and request the geolocation data of the cafe given an address. So in the URL field, I'm going to paste in my request. So let's have a look here. Using the Mapbox API, we're going to have two query parameters.\u003C/p>\u003Cp>First is the address itself. So you can see here, we're retrieving using the curly bracket syntax the trigger's payload's address. So we're using the address that was submitted when we created our cafe item. Next, we're adding as a second query parameter, our access token. And that's it.\u003C/p>\u003Cp>Next, we're going to add in an operation for when this web request was successful. And we're going to use the run scripts operation. So we're going to replace the contents of the script with my own one. And what we're doing here is returning an object that is going to be saved to the database. Now you'll see that it contains the payload itself, that is the data of the cafe when we created it, as well as the location, which is now going to be saved into this item, into this cafe, with the data from that web request.\u003C/p>\u003Cp>So, data dot dollar sign last, which is the data that came in from that last operation, which was the web request. And then, using our knowledge of the Mapbox API, we go into data, the first feature, that is the first result, dot geometry. And this is GeoJSON data, which Directus understands and recognizes. So we'll go ahead and save that. Great.\u003C/p>\u003Cp>So we're almost done. The last thing we need to do is implement the unhappy path of what happens if no address has been set. Because if we create a cafe without an address, this flow will still run. And because it errors out, the cafe will not be created with any data. So we will add an operation here for what happens if the address has not been set.\u003C/p>\u003Cp>We don't want our data to be lost. So we're going to add a transform payload operation and leave the data as is. That is, we will return only what has been given to us. That is, the trigger's payload. That is, which data the user has entered when creating a cafe.\u003C/p>\u003Cp>So we'll save that operation, and we're done with our flow. So I'm gonna save that flow, and we if I go back, we can see our flow is active and we're ready to take it out for a spin. Great. So we have our cafe here. We'll give it a default rating of five because I love the cafe Mozart.\u003C/p>\u003Cp>Now we're going to set the address, Albertina Platz 5 Or 2 for the Cafe Mozart. Now, let's go ahead and save our cafe. Now, we can see a location was indeed saved. Now, wouldn't it be exciting to see what that is? So, let's go ahead and click on our item, our cafe, and we can see look at that.\u003C/p>\u003Cp>Look at that. We scroll in. Venus, you know, German for Vienna. Scroll, scroll, scroll. Look at that.\u003C/p>\u003Cp>It's the cafe Mozart. How exciting. In another episode of uncharted territory, you can also see how to use different layouts to display your data. Check it out. Now we can always see here our cafe Mozart.\u003C/p>\u003Cp>But this isn't very exciting, is it? Let's use the display item for the address. Much better. So that's how you can use geolocation data using the Mapbox API to automate your usage of geolocation data using Directus. See you next time.\u003C/p>","Alright. Here we are in a brand new Directus project. Now, in this episode of uncharted territory, I'm gonna show you how to build an application that autocompletes addresses and automatically retrieves GeoJSON data using the Mapbox API. Now, in order to go through this project, you will need to sign up for a free Mapbox account and get an API key. So, let's create our collection for this project. Now, this application is going to contain a collection of cafes complete with their address, location, and rating. So, finish the setup. And let's build our first field. The first field is going to be an autocomplete input for the address. Now to work with autocomplete inputs in Directus, we need to have a URL to query for the list of results. This is going to take the shape of our URL. This is going to come directly from the Mapbox API. So we've got our URL, and our first query parameter is the value. You can notice here in the curly brackets, this is going to come from what we type into the autocomplete input field. The next query parameter is our access token. The results path here is the array or list of results. From the Mapbox API, I know this to be features. Next, we're going to set the text path and the value path. Now the text path is going to be what is displayed for our users. This is properties dot full underscore address. Again, this comes directly from the Mapbox API. And for the value path, that is what we're going to store in our collection, it's going to be the same thing. Properties. Full address. Wonderful. Well, guess what? We're ready to save that and try it out. Let's go over to our content and create a new item. We're gonna look up one of my favorite cafes, Cafe Mozart in Vienna. I know that sounds typical. And I know the address to be Albertina Platz 2 Or 2. So here we go. Perfect. And we can see that it autocompletes, gives us suggestions, and now I can go ahead and save that. But before I do that, I would actually like this to save on a map or retrieve its geolocation data. So, I'm not actually gonna save this cafe because next, I want to save the location. Let's go over to our collection again and add the remaining two fields. First is the rating, which is a slider. I'm gonna call it rating, minimum value zero, maximum value five, and the step interval is going to be one. Fantastic. Next, we're going to add a map field. We'll call it location. In another episode of uncharted territory, we covered the different types of geolocation data. Check it out. For this, we're going to save the raw JSON data. Perfect. Let's go ahead and save that. Now, my aim is to have Directus automatically set the location when I add the address. And, we're going to do this using flows. Flows allow me to automate different aspects of my Directus project. We don't have any flows in our Directus project yet, so we're gonna add our first one. And this one's going to be called geolocate cafe. We're going to set up a trigger for it, which is an event hook. This is going to be a filter type, which means that it will block, as in the action that we take, in this case, creating a new cafe or editing a cafe, is going to be blocked until this flow completes. We'll choose filter type. The scope will be for creating an item and updating an item because we want to automatically get that geolocation when we create or edit a cafe. Speaking of which, our collection is going to be cafes. The response body is going to be the data of the last operation. Let's go ahead and save that setup. And now we're ready to work on our flow. So let's go ahead and add our first operation. In order for this flow to run, we want to make sure that the address has been set. So it's going to be a condition. That is, we're going to make sure that the address was submitted. Let's write in our condition. We're going to make sure that our flows trigger data, which contains a payload of data. We want to make sure that the payload of data contains an address. Not just contains an address, but we wanna make sure that it has been submitted, that is, that the payload of data we're submitting contains an address. So, we wanna make sure that the address has been submitted here. We'll go ahead and save that. And now, we have a condition. As you can see, it splits off in two directions. Great. Let's add the operations that take place if the address has been set. This is called the happy path. Now for this, we're going to make a web request or webhook operation. And it's going to go to the Mapbox API and request the geolocation data of the cafe given an address. So in the URL field, I'm going to paste in my request. So let's have a look here. Using the Mapbox API, we're going to have two query parameters. First is the address itself. So you can see here, we're retrieving using the curly bracket syntax the trigger's payload's address. So we're using the address that was submitted when we created our cafe item. Next, we're adding as a second query parameter, our access token. And that's it. Next, we're going to add in an operation for when this web request was successful. And we're going to use the run scripts operation. So we're going to replace the contents of the script with my own one. And what we're doing here is returning an object that is going to be saved to the database. Now you'll see that it contains the payload itself, that is the data of the cafe when we created it, as well as the location, which is now going to be saved into this item, into this cafe, with the data from that web request. So, data dot dollar sign last, which is the data that came in from that last operation, which was the web request. And then, using our knowledge of the Mapbox API, we go into data, the first feature, that is the first result, dot geometry. And this is GeoJSON data, which Directus understands and recognizes. So we'll go ahead and save that. Great. So we're almost done. The last thing we need to do is implement the unhappy path of what happens if no address has been set. Because if we create a cafe without an address, this flow will still run. And because it errors out, the cafe will not be created with any data. So we will add an operation here for what happens if the address has not been set. We don't want our data to be lost. So we're going to add a transform payload operation and leave the data as is. That is, we will return only what has been given to us. That is, the trigger's payload. That is, which data the user has entered when creating a cafe. So we'll save that operation, and we're done with our flow. So I'm gonna save that flow, and we if I go back, we can see our flow is active and we're ready to take it out for a spin. Great. So we have our cafe here. We'll give it a default rating of five because I love the cafe Mozart. Now we're going to set the address, Albertina Platz 5 Or 2 for the Cafe Mozart. Now, let's go ahead and save our cafe. Now, we can see a location was indeed saved. Now, wouldn't it be exciting to see what that is? So, let's go ahead and click on our item, our cafe, and we can see look at that. Look at that. We scroll in. Venus, you know, German for Vienna. Scroll, scroll, scroll. Look at that. It's the cafe Mozart. How exciting. In another episode of uncharted territory, you can also see how to use different layouts to display your data. Check it out. Now we can always see here our cafe Mozart. But this isn't very exciting, is it? Let's use the display item for the address. Much better. So that's how you can use geolocation data using the Mapbox API to automate your usage of geolocation data using Directus. See you next time.","7e0d72ce-9fe3-415b-b986-5349b3e1dfeb",[166],"ea90b9ce-5baa-4914-9fc0-7568a751995a",[],{"reps":169},[170,226],{"name":171,"sdr":8,"link":172,"countries":173,"states":175},"John Daniels","https://meet.directus.io/meetings/john2144/john-contact-form-meeting",[174],"United States",[176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225],"Michigan","Indiana","Ohio","West Virginia","Kentucky","Virginia","Tennessee","North Carolina","South Carolina","Georgia","Florida","Alabama","Mississippi","New York","MI","IN","OH","WV","KY","VA","TN","NC","SC","GA","FL","AL","MS","NY","Connecticut","CT","Delaware","DE","Maine","ME","Maryland","MD","Massachusetts","MA","New Hampshire","NH","New Jersey","NJ","Pennsylvania","PA","Rhode Island","RI","Vermont","VT","Washington DC","DC",{"name":227,"link":228,"countries":229},"Michelle Riber","https://meetings.hubspot.com/mriber",[230,231,232,233,234,235,236,237,238,239,240,241,242,243,244,245,246,247,248,249,250,251,252,253,254,255,256,257,258,259,260,261,262,263,264,265,266,267,268,269,270,271,272,273,274,275,276,277,278,279,280,281,282,283,284,285,286,287,288,289,290,291,292,293,294,295,296,297,298,299,300,301,302,303,304,305,306,307,308,309,310,311,312,313,314,315,316,317,318,319,320,321,322,323,324,325,326,327,328,329,330,331,332,333,334,335,336,337,338,339,340,341,342,343,344,345,346,347,348,349,350,351,352,353,354,355,356,357,358,359,360,361,362,363,364,365,366,367,368,369,370,371,372,373,374,375,376,377,378,379,380,381,382,383,384,385,386,387,388,389,390,391,392,393,394,395,396,397,398,399,400,401,402,403,404,405,406,407,408,409,410,411,412,413,414,415,416,417,207,418,419],"Albania","ALB","Algeria","DZA","Andorra","AND","Angola","AGO","Austria","AUT","Belgium","BEL","Benin","BEN","Bosnia and Herzegovina","BIH","Botswana","BWA","Bulgaria","BGR","Burkina Faso","BFA","Burundi","BDI","Cameroon","CMR","Cape Verde","CPV","Central African Republic","CAF","Chad","TCD","Comoros","COM","Côte d'Ivoire","CIV","Croatia","HRV","Czech Republic","CZE","Democratic Republic of Congo","COD","Denmark","DNK","Djibouti","DJI","Egypt","EGY","Equatorial Guinea","GNQ","Eritrea","ERI","Estonia","EST","Eswatini","SWZ","Ethiopia","ETH","Finland","FIN","France","FRA","Gabon","GAB","Gambia","GMB","Ghana","GHA","Greece","GRC","Guinea","GIN","Guinea-Bissau","GNB","Hungary","HUN","Iceland","ISL","Ireland","IRL","Italy","ITA","Kenya","KEN","Latvia","LVA","Lesotho","LSO","Liberia","LBR","Libya","LBY","Liechtenstein","LIE","Lithuania","LTU","Luxembourg","LUX","Madagascar","MDG","Malawi","MWI","Mali","MLI","Malta","MLT","Mauritania","MRT","Mauritius","MUS","Moldova","MDA","Monaco","MCO","Montenegro","MNE","Morocco","MAR","Mozambique","MOZ","Namibia","NAM","Niger","NER","Nigeria","NGA","North Macedonia","MKD","Norway","NOR","Poland","POL","Portugal","PRT","Republic of Congo","COG","Romania","ROU","Rwanda","RWA","San Marino","SMR","São Tomé and Príncipe","STP","Senegal","SEN","Serbia","SRB","Seychelles","SYC","Sierra Leone","SLE","Slovakia","SVK","Slovenia","SVN","Somalia","SOM","South Africa","ZAF","South Sudan","SSD","Spain","ESP","Sudan","SDN","Sweden","SWE","Tanzania","TZA","Togo","TGO","Tunisia","TUN","Uganda","UGA","United Kingdom","GBR","Vatican City","VAT","Zambia","ZMB","Zimbabwe","ZWE","UK","Germany","Netherlands","Switzerland","CH","NL",1773850427398]