Populating Google Maps with Vue and Laravel
In this 25 minute video, I'll show you how to create and embed a Google Map with Vue, then populate that same map with pins and pop-up info windows using data pulled in from a Laravel API.
Previous video on getting started with Vue and Google Maps: • Adding Geolocation and Google Maps to...
0:00 - Introduction
0:45 - Creating a Laravel API for our restaurants
5:55 - Setting up the front-end view and JavaScript
9:50 - Adding Vue Google Maps plugin
12:05 - Populating the map with pins
16:35 - Adding pop-up windows to the pins
Join my newsletter for weekly tips on Laravel + Docker: https://aschmelyun.substack.com
You'll learn how to:
Create a basic single-endpoint Laravel API
Seed a MySQL database with testing data
Use Vue and vue2-google-maps to embed a Google Map
Populate the Google Map with pins using location data
Follow me on Twitter! / aschmelyun
Watch video Populating Google Maps with Vue and Laravel online without registration, duration hours minute second in high quality. This video was added by user Andrew Schmelyun 14 July 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 23,709 once and liked it 467 people.