ASMR Programming - Google Maps in JavaScript - No Talking

Hello Everyone ✨I am starting a new series following the challenge of 100 days of code. i will create random apps, web apps, and all things that you need to know about javascript 😎

Become a Javascript Developer now with our 100 Days of Code javascript Development Bootcamp course!✅
day 32 - 100 days javascript coding ⚜️

Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :

In this tutorial, I am gonna showing to you how to use google maps api in javascript. we create a project that you can work with google map in javascript❗️Also this project is full responsive!

source of all projects also will upload in AsmrProg github page :

with this coding bootcamp you will learn how to be an javascript developer✅
Follow my 100 days of javascript playlist i will upload video's of javascript projects in it for easier access and video's in this playlist sorted by day 1 to day 100 😉

Every week i will update this playlist ✅

Video Contents :

00:00 - Intro (100 days of code - day 32)
01:05 - Warming hands
01:10 - Main codes
01:49 - Html coding
01:57 - Styles
02:50 - Set map
02:59 - Map options
04:23 - Initialize map
04:52 - Create map
05:32 - Create infoWindow
05:55 - Map marker
07:37 - Marker click
08:26 - Adjust size
09:01 - Final Result

Other Video's :

Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.

About AsmrProg Channel :

Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.

AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming

[AsmrProg]

in the future we will add more features to this map 😉 Please LIKE video to support my channel 🙏❤

[ridoyrahman]

Brother your videos are a gem for me. I started coding recently, and your videos are a roadmap for me towards learning coding. Please never stop uploading your excellent videos. Thank you so much :3

[sanyaYT]

00:00 - Intro (100 days of code - day 32)
01:05 - Warming hands
01:10 - Main codes
01:49 - Html coding
01:57 - Styles
02:50 - Set map
02:59 - Map options
04:23 - Initialize map
04:52 - Create map
05:32 - Create infoWindow
05:55 - Map marker
07:37 - Marker click
08:26 - Adjust size
09:01 - Final Result

[wolf_shot]

Hello, I am very happy to be a fellow citizen with you. I am from Zanjan

[danesrj]

Great video, please add live routes and replay of those routes, it would be awesome.

[sathwikcm]

bro inspires me to keep going ! thanks brooo

[Ayanofficialverified]

which type of font or extensions u use in vs code. your interface is awesome

[Worldofthegames]

Can you make a video series for learn ASMR programming

[Clipwve]

got problem in the java script on minzoom: 2 is error on vs code need help asap

[binhtranduc]

what do you user text editor? this is neovim?

[subhasiskundu]

You blew my mind bro! Just how do you get so many ideas every single day?! And how do you figure out how to code for each of them?

[marcosaugusto]

for asmr typing videos I think you should learn touch typying. It could be better. Anyways nice vid

[humerabegum]

Can you show us how can we make an app

[york]

Hey, big fan. May I ask how can I change the background of vsCode just like you do in the video? Thanks!

[humerabegum]

Can you give us an idea for space science project

[Saiyan]

Sir that api not working or even I'm trying to find i can't find, and there's bugs in your code maybe, that's why not working

[Saiyan]

Then i Googled it and find out google map api and even have to change the complete js code, i saw on Google.

[itiremiroglu]

i looked at google maps api, but i cannot find how i take that url. furthermore, where is the api key?, how you can find this api without key??

[rajmihir]

Bhai map ka api key kaise milega . Key ke liye card details mang rha h

[Pulman]

hey brother the error is that I have to have a google maps API, it asks me for a billing so that's why I can't agree to finish the project, that's the problem but right now I finish it