Hey Dani! Just finished your entire HTML and CSS course and just wanted to say thanks so much my guy! You're a fantastic teacher and I really appreciate your going slow and explaining every step. Us noobies appreciate it more than you know. Cheers brother!
Just finished all your HTML and CSS tutorials!!! I watched all the commercials and will sign up for your patreon as soon as I can afford to! THANK YOU SOO MUCH!
I just finish the whole course. I love you so much! Thanks for such incredible content, you deserve only good things for making this for free. Your way to explain everything it's amazing. Thanks to you I'm a little closer to become a web dev and I wanna buy a beer for you. Regards from Costa Rica.
Well, this was unexpected. Thought you were done with HTML and CSS when you started your PHP series, glad to see there is always something new to learn.
I just finish the whole course. Thanks for such incredible content, you deserve only good things for making this for free. Your way to explain everything it's amazing. Thanks to you I'm a little closer to become a web dev and I wanna buy a beer for you.Thank you so much!
It's the first time i watched your video and your explanation is very clear keep it up btw what should we do if we want to point multiple places in map
Hey there Dani, I have just finished the course and I wanted to say that it's been really helpful for me starting out a a front end dev, and to show that I'm gonna be showing my progress of my learning by streaming in this youtube channel. Thankyou for what you put in for me and everyone else who is going to be a learning the lang of HTML and CSS. :)
Wouldn't it be easier to just go to google maps, find the location you want, click on the share button, then click on embedded copy, and just copy that link to your HTML document? I tested it, and it works just fine. Is there some difference or ?
Solid video for basic code to obtain a map on your website, however this map displays the location of the latitude and longitude you hard code into the website, not your actual live location
@@victormagaud2967 Google no longer offers the API for free....The API will probably be free for your project and google will give you a free $200 credit each month currently. MyMaps will work but you won't have an API, It will embed with .
Great video man! I want to ask if this method is legal. I mean, to i have to do something more to have google maps on my web site or i follow these steps and i'm fine?
hi creating a different file for CSS is making the code of CSS a bit complicated for ex. when I write the CSS code in section the code of all the subpages is having section tag is changed
can i add button in my page when some one click on that link and that button send cordinates to google map and map take user to specified cordinates which were sent throuh click on button like i have two buttons 1 button is america and second button is pakistan when someone click on ameriaca it will show america country on map and if someone click on pakistan it will show pakistan country on google map without reloading please let me know if you have method i need very urgently thanks
Heyy!! Thanks for the video. I am trying to do some varition but its not working. How do I take user input for Lat and Lon and display that location on the map. Please help if you can
@@nike5246 The basic google map with a location pinned on it is FREE, they want a card on file so that if you use a premium feature they will charge for it. I know this bc i used a embedded map today on my project. You can review what the free restrictions are in googles docs.
Hi Dani You are an amazing teacher! I have tested your Google map code exactly as you show it, using a good (tested) Google api key. I’m getting a blank screen. Any thoughts?? Did Google change something? ~Steve
you have to authorize the referring website/page in order for it to display. If the web page is not displaying your map, it likely is not authorized to do so in your google API settings. Copy/paste the website into the authorized list and wait 5-10 mins.
@@Pnx1206 under the credentials tab go to OAuth consent screen within APIs and services. You need to host your map app on an authorized domain because it is collecting data and needs authorization to do so.
i create api first and the map id also but instant of that it is still not working and I use this same code it show me this error " Oops! Something went wrong. This page didn't load Google Maps correctly. See the JavaScript console for technical details."
Bro i completed up to account setup and i got my api, why should we need to write html program, and why gmp pay for us, tell me the advantages of google map platform and its disadvantages, whether it will be helpful for college students
Can you plese help me ? everytime i open it,, this is what i see .. "Oops! Something went wrong. This page didn't load Google Maps correctly. See the JavaScript console for technical details" help how to fix this ?
you need to go to Google cloud and go to APIs & Services>Library and then search for Maps JavaScript and API, then select enable, that activates the api key and then it should works
Initially, it didn't work for me either but as soon as I rewrote height property above the width property in CSS file, it worked for me.I wonder why that happened since it should not make any differnece.
wow - same thing for me.. that's extremely odd to say the least.. It shouldn't make a difference. However, going back towards the start of his coding, he did style it in the html.. I wonder if that is why... Either way, your reply helped me out once I changed the format to the style sheet.. Thanks!
NEW UPDATED 2023 COURSE AVAILABLE! 🙂
You can find it here: ruclips.net/video/v8jDnBYc0bs/видео.html&ab_channel=DaniKrossing
Hey Dani! Just finished your entire HTML and CSS course and just wanted to say thanks so much my guy! You're a fantastic teacher and I really appreciate your going slow and explaining every step. Us noobies appreciate it more than you know. Cheers brother!
For those who find a google api map in your website, i bet you won't get a better tutorial than this. Easy, Slow and very descriptive. Thanks man!
Just finished all your HTML and CSS tutorials!!! I watched all the commercials and will sign up for your patreon as soon as I can afford to! THANK YOU SOO MUCH!
embed Google map without API key
1- Go to Google Maps and search for the location you want to embed.
2- Next click Share > Embed a map > copy HTML
I just finish the whole course. I love you so much! Thanks for such incredible content, you deserve only good things for making this for free. Your way to explain everything it's amazing. Thanks to you I'm a little closer to become a web dev and I wanna buy a beer for you. Regards from Costa Rica.
Well, this was unexpected. Thought you were done with HTML and CSS when you started your PHP series, glad to see there is always something new to learn.
Thank you Dani just completed all the episodes, i really appreciate your work. without your videos i could not learn so fast, within 2 weeks time.
I just finished your course Dani,You are the best ! From Nigeria.
Just finished all the videos of this tutorial !!! Awesome work !!! Thank you mmtuts !!!!
i just finish this awesome course and wanted to say thanks a lot for this great videos. im so appreciate this
I just finish the whole course. Thanks for such incredible content, you deserve only good things for making this for free. Your way to explain everything it's amazing. Thanks to you I'm a little closer to become a web dev and I wanna buy a beer for you.Thank you so much!
heyy dani thanks a lot ur videos r so clear to understand😍
Thankyou bro love how informative you explained everything i need, deserves a subscribe and thumbs up❤️
Excellent tutorial - just wish other people's online tutorials were delivered as clearly, slowly, and with the same tone.
I agree. I could actually code along.
I just finished the course aside from this last one, everything was great! thank you very much!
Juz finished the whole course. It really helps a lot appreciate it Daniel👍👍👍
watched a lots of videos of those type.. but only found solution in this one.. thanks a lot.. hopefully i will finish your all the tutorial..
YASSSS next video is A JAVASCRIPT ONE!1111111!!!!!!11!
You have a very clear and pleasant voice. Perfect for doing tutorials. :)
Thanks Dani, It was very help full, you save my day :)
Thank you very much with your simple steps and clear explanation!
BTW: useful at learning material. Learned a lot.
I watched a video and I pretty much understand everthing.
thanks
Exactly what I was looking for, got me on the right track, tysm!!
I cant find the key
@@karabomashaba9436 credentials tab in google console brah
Huge thanks from me! I did not think it is so easy to get API key since the time i watched this video! Like for video)
Thanks bro , I watch all the series! I will also be good to other when others will need a code.
god bless you! you are more useful than my teacher T_T
It's the first time i watched your video and your explanation is very clear keep it up btw what should we do if we want to point multiple places in map
very precise and clear. Thumbs up
this tutorial was so helpful, thank you soooooo much!
Your tutorials are awesome !
just finished the course and i want more tutorials brother
Wow!!! I liked u r explanation skill
Thanks! It worked for me perfectly!
Hey there Dani, I have just finished the course and I wanted to say that it's been really helpful for me starting out a a front end dev, and to show that I'm gonna be showing my progress of my learning by streaming in this youtube channel. Thankyou for what you put in for me and everyone else who is going to be a learning the lang of HTML and CSS. :)
How would you add a map that you create like a marked walking route with markers along the route?
I had a problem getting my Api key the Ui has changed know would you mind helping me?
Quick and simple! This was a really good tutorial! Thanks man! :D
You are so clear and details.
Thank you again for a great video. Helped me out a lot in my current examsproject.
Hey dude, works perfectly! Thanks! Keep going!
Do we have to pay and but it or is it free?
Very helpful video it was..!!!♥️
Hi, in google maps how to zoom based on markers if one is in California and if another is in newyork. So that both the markers are visible
I loved your smile, that what get me getting in this video
Wonderfully done. Thank you!
Hi, why not just use the to embed the map on the site ?
Wouldn't it be easier to just go to google maps, find the location you want, click on the share button, then click on embedded copy, and just copy that link to your HTML document? I tested it, and it works just fine. Is there some difference or ?
can't bro
great video buddy....You have a new subscriber
Amazing video and a clean tutorial! Keep it up
i love your videos.
Solid video for basic code to obtain a map on your website, however this map displays the location of the latitude and longitude you hard code into the website, not your actual live location
what websites do i get my API key
Is this still working today? Found some issue with the lat/long website and I think the Google dev website is working differently now.
It still works yes.
google needs a billing account now to do this method but you can use embedded way. that is much easier and simple just copy the code and paste it.
You are the man!!
Excellent! Thank you.
Once the map load and then its shows "opps something went wrong or javascript error" any suggestion what I do ?
Same here! could you find the solution to that?
@@busbusvlog got to goggle cloud and activate your javascript map api
Great tutorial
Thank you so much this video really helped me!
Very good teacher. Thanks.
really it worked how
2020 here, Now you can't get API key from Google, but it worked couple years ago
Why not? I just got an API key from Google today on 10-12-2020
Thanks for the tutorial! Helped me out alot
Man that was awesome
Thanks a lot
Hello , i need to help me , i have a cafe that there location is in a lot of places so how i can put all this location in my site web ? Pls help me
i think using this html5 markup is very simple and not time comsuming,has the tags deprecated from html5?
Thanks for a nice tutorial! Useful and and easily understandable.
Thank This is a best video
just look for the wanted location on maps then share and then there will be an option "Embed Map" that will give u a html code.... easy
can you make a tutorial video ,when you mark a location in the map the coordinates will be shown in the mysql database?
not working... nothing showing... :( what should i do?
I have the same problem , do you manage to solve it ?
@@victormagaud2967 Google no longer offers the API for free....The API will probably be free for your project and google will give you a free $200 credit each month currently. MyMaps will work but you won't have an API, It will embed with .
can we then use other map api instead of google map api ?
@@ananyasrivastava5128 nope
Great video man! I want to ask if this method is legal. I mean, to i have to do something more to have google maps on my web site or i follow these steps and i'm fine?
Thank you sir for the awesome video. You can explain very well.
Does it only works on GoogleChrome?
is this same for google geolocation or is it different
Hi Dani thanks to lesson on making html. i have a question is it possible to make a e-commerce wbesie using html?
hi
creating a different file for CSS is making the code of CSS a bit complicated for ex. when I write the CSS code in section the code of all the subpages is having section tag is changed
Thanks! very helpful video tutorial.
You are teacher so beatiful
can i add button in my page when some one click on that link and that button send cordinates to google map and map take user to specified cordinates which were sent throuh click on button
like i have two buttons 1 button is america and second button is pakistan when someone click on ameriaca it will show america country on map and if someone click on pakistan it will show pakistan country on google map without reloading
please let me know if you have method i need very urgently
thanks
VERY NICE , THANKS DUDE :)
Very helpful
Heyy!! Thanks for the video.
I am trying to do some varition but its not working.
How do I take user input for Lat and Lon and display that location on the map.
Please help if you can
Hello,
Do You know how to put multiple markers on a map of a website in an automated form? The locations are supposed to be in a list.
Thank You
describe different var such as location with different coordinates and wfite a marker code for them as in location was written
to get a api key google required card number with expire date and so my card expired i can't get a key... do u have any solution for this..@mmtuts
As always! you save my ass... but one thing, I think the google key is not free anymore...! :(
Yea i just noticed that too. But i think you are only charged if you exceed a certain limit
Oh thanks Nelly! I will be paying more attention... ;)
still some student donot have access to credit card. how can i go around that?
Did anyone knows the fee Google is charging now to add the map onto the site?
@@nike5246 The basic google map with a location pinned on it is FREE, they want a card on file so that if you use a premium feature they will charge for it. I know this bc i used a embedded map today on my project. You can review what the free restrictions are in googles docs.
Hi Dani You are an amazing teacher!
I have tested your Google map code exactly as you show it, using a good (tested) Google api key. I’m getting a blank screen. Any thoughts?? Did Google change something?
~Steve
Great, thank you.
i tried but the only show up is white blank page, anyone same ?
Same
you have to authorize the referring website/page in order for it to display. If the web page is not displaying your map, it likely is not authorized to do so in your google API settings. Copy/paste the website into the authorized list and wait 5-10 mins.
where is authorized list?
@@Pnx1206 under the credentials tab go to OAuth consent screen within APIs and services. You need to host your map app on an authorized domain because it is collecting data and needs authorization to do so.
I have the same problem. I copied the html code exactly and got my own api key and all I get is a blank page in my browser. Can anyone help?
Thank you so much, this was really halpful!
your api key is not generated properly
thank you, your video it is helpful
is there any way to route(draw line) between two coordinates(bu using latitude and longtitude)?
i create api first and the map id also but instant of that it is still not working and I use this same code it show me this error "
Oops! Something went wrong.
This page didn't load Google Maps correctly. See the JavaScript console for technical details."
ApiNotActivatedMapError in the chrome javascript console. What to do?
Bro i completed up to account setup and i got my api, why should we need to write html program, and why gmp pay for us, tell me the advantages of google map platform and its disadvantages, whether it will be helpful for college students
i want to move the map left and down and i used margin and it didnt worked can u tell me what am i need to to move that map ?
Can you plese help me ?
everytime i open it,, this is what i see ..
"Oops! Something went wrong.
This page didn't load Google Maps correctly. See the JavaScript console for technical details"
help how to fix this ?
you need to go to Google cloud and go to APIs & Services>Library and then search for Maps JavaScript and API, then select enable, that activates the api key and then it should works
awesome tutorial,,,, thanks.
Initially, it didn't work for me either but as soon as I rewrote height property above the width property in CSS file, it worked for me.I wonder why that happened since it should not make any differnece.
wow - same thing for me.. that's extremely odd to say the least.. It shouldn't make a difference. However, going back towards the start of his coding, he did style it in the html.. I wonder if that is why...
Either way, your reply helped me out once I changed the format to the style sheet.. Thanks!