Learn Google Maps JavaScript API (Beginners Tutorial) | JavaScript Project #7

The Ultimate Dev Academy (Formerly AnotherWebGuy)

Подписаться 2,8 тыс.

Просмотров 70 тыс.

50% 1

Get the complete course to learn HTML/CSS/JavaScript with projects: bit.ly/masterHTML-CSS-JS
...........................................................................................................................
In this video, we will learn about the basics of Google Maps JavaScript API and how to easily integrate google maps into your website.
Get the source code here: bit.ly/awg_sourcecode
..............................................................................................................................
Please subscribe to our channel. If you enjoyed the video, please hit the Like button. If you have any questions/suggestions reach out to us via:
Website: anotherwebguy.com
Facebook: / anotherwebguy
CodePen: codepen.io/anotherwebguy
Join Facebook Group for web dev discussions:
groups/26330...

Наука

Опубликовано:

4 авг 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 52

@avigarg7859 Месяц назад

Best video with so easy explanation. Thanku so much

@artgallary4886 2 года назад

Perfect bro kya explain karte ho yaar superb nice... Keep it up...

@matheusverri3402 4 месяца назад

Excellent video! Thank you!

@rajkumart08 3 года назад

Hi Is there any method in google maps where I can get the list of markers which I see in the specific view port and show it in list view

@satyambansal728 2 месяца назад

for the billing account it is asking for the credit card or bank details, is there will be any money detection, as I have to use the API for a project, paying for it is not an good option

@pritampattanayak3258 3 года назад

Can I tilt the map view instead of top view you showed

@adriaanstips1407 10 месяцев назад

Fantastic info man

@erikdesk2753 3 года назад

This is amazing! Thank you so much for making the video! :):):)

@TheUltimateDevAcademy 3 года назад

Thank you😌😌😌

@cryptome286 Год назад

Cool, thanks

@Anupriya-xn9lj 3 месяца назад

will we not be charged for the api for sure

@relexelumna5360 3 года назад

Making billing account is the longest process. I don't like they ask to upload photos of ATM card which is dangerous. Is there any other method than google map?

@travelnlearn 3 месяца назад

amazing content bro

@rangabharath4253 3 года назад

Awesome as always

@TheUltimateDevAcademy 3 года назад

Thank you so much❤

@saminserge2674 5 месяцев назад

Thanks bro, fantastic !

@saminserge2674 5 месяцев назад

Please have you another tutoriel for tracking user location with his Phone number ?

@itsm3dud39 3 месяца назад

does it cost using like this?

@thornadohq5048 4 года назад

I'm building a Uber Clone to learn Android Development. Is JS Api the one which i need for interactive Map.

@TheUltimateDevAcademy 3 года назад

No... You have to use "maps sdk for Android" and "places sdk for Android"

@thornadohq5048 3 года назад

@@TheUltimateDevAcademy thanks man

@merwinadams374 5 месяцев назад

Bro source code not found!!

@_pandey__007 Год назад

Go to console not showing 😭😔

@iggybunn4494 8 месяцев назад

Thank you so much!!

@naimishdwivedi1307 20 дней назад

What is the theme name?

@sanjayms7956 2 года назад

Bro I'm going to do ola cab booking web application for that how to track cab drivers location? .. Like where the cab is coming

@simpleman1496 17 дней назад

how to make dropdown list to change palce in maps

@TheUltimateDevAcademy 16 дней назад

I will make a video on that shortly

@simpleman1496 15 дней назад

@@TheUltimateDevAcademy I'm waiting ....

@downanddirtytruth 10 месяцев назад

Is there a way to actually import Google Maps on to your website where the user can enter a to and from address?

@AbdullahAfzaal-uk3rb 4 месяца назад

same question. did you found the solution?

@downanddirtytruth 4 месяца назад

Yes. I forget the exact step-by-step process since I did it a while ago, but this is what I can say... Make an account with Google Cloud. You can create a project, which gives you an API key, and you'll be able to import all kinds of stuff into your page (a map, auto complete, street view, etc.). I've included the app I made for your viewing to see what can be possible (and there are a lot more features that what I implemented). optimal(-)sleep(-)calculator(-)map(.firebaseapp) (com ) Jootube keeps deleting my response. Remove the ().

@downanddirtytruth 4 месяца назад

Yes. I forget the exact step-by-step process since I did it a while ago, but this is what I can say... Make an account with Google Cloud. You can create a project, which gives you an API key, and you'll be able to import all kinds of stuff into your page (a map, auto complete, street view, etc.). I've included the app I made for your viewing to see what can be possible (and there are a lot more features that what I implemented). optimal(-)sleep(-)calculator(delete app parenthesis)(-)map(.firebaseapp) (com ) Jootube keeps deleting.

@downanddirtytruth 4 месяца назад

Yes. I forget the exact step-by-step process since I did it a while ago, but this is what I can say... Make an account with Google Cloud. You can create a project, which gives you an API key, and you'll be able to import all kinds of stuff into your page (a map, auto complete, street view, etc.). I've included the app I made for your viewing to see what can be possible (and there are a lot more features that what I implemented). **Jootube keeps deleting my link. Feel free to message if interested.**

@Sebastian-fp4pr 4 месяца назад

@@downanddirtytrutham interested how can I get that link?

@sarahbahgat8052 2 года назад

I've seen 3 videos and i still can't get my map to appear

@TheUltimateDevAcademy 2 года назад

What is the error??

@sabia6211 3 года назад

where i use google maps Api and this time show google ( this page can't load google maps correctly and for development purposes only) how i can fix this problem..?

@TheUltimateDevAcademy 3 года назад

You have not set the api key properly... If you have downloaded the source code from the description, you need to set up your own api key. You can find the detailed instructions in the video. Hope this helps...

@sabia6211 3 года назад

okay thanks i will try again