Using GeoJSON Data in a Fullstack Vue Application

Chris Woodward

Playlists: 'froscon2021' videos starting here / audio

This talk will discuss the initial steps in developing a vacation rental application with VueJS, Koa, and ArangoDB. The talk covers what GeoJSON data is, how we used it in our application, and the technologies used for the VueJS frontend. We showcase how to use our built-in full-text search engine ArangoSearch for text information retrieval with the new GeoJSON analyzer.

This talk will cover three main topics:
Preparing Data for use in ArangoDB
Using GeoJSON data with an ArangoSearch analyzer
Using Leaflet & OpenStreetMap in VueJS applications

Perhaps it is being cooped up in the house for the past year that has us thinking about taking a vacation and that is why we decided to make a vacation rental site to showcase the upcoming ArangoSearch GeoJSON features. Whatever the reason, we learned a lot throughout the process and had a lot of fun making the site with the community. By the end of the talk, you will be able to answer questions such as:
What is GeoJSON?
How do I use GeoJSON with my ArangoSearch Views?
How do I add an interactive map to my VueJS application?
How do I use ArangoDB with my backend node application?

We have got the site to our first milestone release but it still has a long way to go. If you have any interest in developing with Vue, React, JavaScript, or ArangoDB be sure to join this talk to learn about this project and how you can contribute.