Populating Google Maps with Vue and Laravel

[@aschmelyun]

If you'd like to see the source code behind this video, I've created a repo for it here: github.com/aschmelyun/video-populating-google-map-vue-laravel Also, if you'd like to directly support these videos and open-source projects, consider sponsoring me on GitHub: github.com/sponsors/aschmelyun

[@AliHaidar-zw1jx]

Thank you sir and which extension are you using for better directory look

[@junaidshaikh1177]

Hey, I notice that you are using Docker for setting up the environment. I've seen your past videos on how to use them with Laravel and it works flawlessly, thank you. Can you please make a video on how you set up the .test domain on your local env plus how you got SSL working with it?

[@aschmelyun]

Yes! A video for both of those topics is in the works and coming within the next month.

[@valerigutierrez3871]

Hi i can i ask you something?. Do you know if implement the development a web page with subject about restaurant using for example programming language Php, can i include this API dont matter whether this API require Laravel and Vue.

[@studentoftezpuruniversitym564]

Can you please make। a good laravel project real-life implementation with scratch and also show Steps by step guide, and source code available 🌸 plz i am a beginner in laravel field so it's very helpful for me and in this project cover almost all features of laravel and use laravel 8 version

[@Bigfaceee]

Is this a common practice i was trying to do this with pure laravel but was so lost

[@imranlashari6578]

I got the error: "Google Maps JavaScript API error: RefererNotAllowedMapError Your site URL to be authorized: localhost:8000/addresses/create " at 10:50 @Andrew

[@imranlashari6578]

Can anyone help?

[@khanalpride]

I remember I have worked with this vue package already. But you always provide in depth tutorial, that there is always some new thing to learn.

[@JamesMoore-zg9ue]

Hey @Andrew Schmelyun how do you go about accessing a .env from Laravel in your app.js file. I created a variable with the prefix mix and tried to put it in the load key: process.env.MIX_VARIABLE_NAME laracasts.com/discuss/channels/laravel/processenvmix-google-maps-key

[@JamesMoore-zg9ue]

this for what ever reason wasn't working now it is, I must of had a typo. Great video !

[@goldenbeast951]

Im doing something wrong, I tried following the video and the code of the repo and it says Failed to execute 'setAttribute' on 'Element': 'restaurants)' is not a valid attribute name.

[@alfonsopiopretorino1968]

Hello Andrew, I have followed your video step by step but the markers are not showing up on my map. Can u help me? Thanks

[@cseale61]

Enjoyed the actual Vue instruction. However, I find node.js so much easier and cleaner than Laravel for APIs. As a developer of 25 years, I need no help working with databases.

[@mangasprai]

how can i get the user just to insert the address and automatically get the latitude and longitude?

[@MarcelloPato]

You are a JEDI MASTER! Thanks a lot for your videos! Please, do some more with Laravel.

[@charlespitagan8241]

Hey Andrew, thank you so much for your helpful tutorials. Can you make a video how to protect a routes on Vuejs SPA with Laravel API?

[@aschmelyun]

Great suggestion!

[@charlespitagan8241]

Thank you, keep it up bro.

[@Alidnet1]

Hi Andrew, thank for this video. Could you show me how to create a computed property for bounding box and zoom level

[@mishalsaba4008]

Hi, I have followed your video step by step + got help from your repo code but couldn't get the map displayed. Can you help me figuring out the problem? Thank you

[@aschmelyun]

Are there any errors kicked back? Anything displayed on the website or through the devtools console?

[@ionelcalinstan6749]

Hi Andrew, I tried to do the project in Laravel 8 and it doesn't work. What should I change? thank you

[@aschmelyun]

Hmm, that's strange. Is it giving any errors back? What part of the project or application isn't working for you?

[@КоролеваЗамков]

👍

[@gamertv1261]

Hey Andrew, when I wrote this line of code "v-for="(r, index) in restaurants", I get this error " Property or method "restaurants" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.". Could you please help me to solve it?

[@aschmelyun]

Do you have a restaurants data attribute, or a restaurants computed property in the same component that you're using the v-for loop?

[@gamertv1261]

@@aschmelyun I've already found my mistake. Thanks for your answer)

[@richardracine9055]

Awesome tutorial. Thank you.

[@cultureofnepal2024]

Hi Andrew, when will the ci/cd video be lunch.

[@valerianicolerubioponce5472]

Thanks a lot! you saved my life!

[@peymanGhaderkurehpaz]

Thanks Andrew , great tutorial :)

[@beyonecloseddoors]

how can you add markers by address opposed to using lng and lats?

[@aschmelyun]

You would have to convert that address to lat and lng coordinates by using a geocoding service. Google has one available: developers.google.com/maps/documentation/geocoding/overview

[@cyrillamirand3745]

Hi mate, thank you for this tutorial ! 👌

[@FranciscoJunior29]

Thanks for share, good job man.

[@zhasan66]

Very nice tutorial.

[@mithicherbaro9394]

Thanks for sharing 👍