Populating Google Maps with Vue and Laravel

Опубликовано: 14 Июль 2020
на канале: Andrew Schmelyun
23,709
467

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  


Смотрите видео Populating Google Maps with Vue and Laravel онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Andrew Schmelyun 14 Июль 2020, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 23,709 раз и оно понравилось 467 людям.