Google Maps and Geolocation app using Vue 3 Composition API

Опубликовано: 11 Май 2026
на канале: Justin Brooks
34,474
524

Today we will be building a google maps and geolocation application using Vue 3 with the composition API. We'll create an application that tells the distance between the current position of the user and the location they clicked on the map. By the end of this video, you'll have an understanding of how to use google maps with the Vue 3 and how to interact with it using the composition API. We'll learn about how to get the geolocation of the user as well as rendering an interactive google map.


✨ SOCIAL ✨
Discord -   / discord  
Twitter -   / jsbroks  


⚡ RESOURCES ⚡
Source Code - https://github.com/codingwithjustin/v...
Getting started with Google Maps (steps) - https://developers.google.com/maps/gm...


⭐ TIMESTAMPS ⭐
0:00 - Intro
0:50 - Project setup
1:57 - Users Geolocation
3:23 - Google Maps JavaScript API
5:35 - On map click events
7:45 - Conclusion