Тёмный

Google Maps API v3.36 Tutorial - February 2019 

Bryce St. Pierre
Подписаться 1,1 тыс.
Просмотров 96 тыс.
50% 1

In this tutorial, I explain the changes to getting an API key, and I create four simple demos to show some of the features available in the latest version of the Google Maps API (version 3.36, as of February 2019). Pro-tip: watch the tutorial at 1.5x speed if you’re short on time!
Source code: github.com/DevelopMindfully/g...
------------------
Follow us:
------------------
Website: developmindfully.com
Facebook: / dmindfully
Twitter: / dmindfully
Instagram: / dmindfully
GitHub: github.com/developmindfully
-------------------
Timestamps
-------------------
Introduction: 0:00
Changes to Billing: 3:21
Getting Started: 6:33
Options: 12:16
Geolocation: 15:20
Searching with Places API: 20:11
Data Visualization: 26:55
Adding Editable Polygons: 32:09
-------------------
Resources
-------------------
FAQ: developers.google.com/maps/fa...
Usage Calculator: mapsplatformtransition.withgo...
Options: developers.google.com/maps/do...
Styles: developers.google.com/maps/do...
Bounds: developers.google.com/maps/do...
GeoJSON Source: developers.google.com/maps/do...
Adding Shapes: developers.google.com/maps/do...
#GoogleMaps #GoogleMapsAPI #CodingTutorial #JavaScript #Web #WebDev #Coding #Tutorial

Наука

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

 

17 июл 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 60   
@danielasofiatreminio8815
@danielasofiatreminio8815 5 лет назад
I am enrolled on a full stack web development bootcamp, and I am working on a big project, and your video helped tons. I am beyond grateful. Thank you so much for your awesome video. You are amazing! thank you, thank you, thank you!!
@diphlexusmngadi2926
@diphlexusmngadi2926 3 года назад
Thanks for this in-depth look into the Google Maps API. Excellent information and workflow. You definitely deserve more than 872 subscribers. Maybe remind people to subscribe and hit notifications more often. I've seen that the channels which grow quickly like Mat Watson at Carwow are not afraid to ask their listeners for their support. Keep up the good work!
@eborne66
@eborne66 3 года назад
So much in such a concise, clear manner. Took me , a novice, DAYS to digest. It was fun, and Thanks.
@LiborPilny
@LiborPilny 3 года назад
Hey, very cool demo - and quite well explained indeed !! ( Even though without stopping it here and there I would be lost... You said you do this for the past 3 yrs - but even though..... I wish I had the overall programming grasp as you have.... Thumbs up big time! ) Thanks for the tutorial !!!
@arvinddas1968
@arvinddas1968 4 года назад
Awesome, very informative for quick start with google map APIs. I went through code in github along with this video. thank you.
@LlamasEatHotdogs
@LlamasEatHotdogs 4 года назад
Super comprehensive and well made video. Plus the timestamps are super helpful for referring back to this when doing my work. If you're still making tutorials, you should make one that shows how to create buttons that will turn markers/routes/polygons on and off.
@emanuelmatlhaku4784
@emanuelmatlhaku4784 5 лет назад
Awesome video. Can't wait to see more. Subscribed
@musabhaji3436
@musabhaji3436 5 лет назад
Thanks for your development and tutorials
@sanhong47
@sanhong47 5 лет назад
Thanks for your tutorial. it will be really helpful for me to do my project.
@waynetecs2648
@waynetecs2648 4 года назад
Really a great job, thank you very much. greetings from México!
@MuhammadUsman-rp3ph
@MuhammadUsman-rp3ph 4 года назад
thats all i need.. Thank you
@NebulaArt
@NebulaArt 2 года назад
Awesome tutorial! Thanks for teaching me something new and exciting!
@duylai7705
@duylai7705 5 лет назад
Nice tutorial! Thank you
@HammerGruvin1
@HammerGruvin1 Год назад
You're the best...sure like to see a video from you on the DOM .
@Julio860JVL
@Julio860JVL 3 года назад
Thank you very much. The only thing I personally didn’t like was the mouse clicks sound. I consider the red circle around when clicking is enough to know you clicked.
@joseantoniotaquia5812
@joseantoniotaquia5812 3 года назад
Excelent video!! full of useful content!! Thanks a lot!!
@balraj357
@balraj357 5 лет назад
Great tutorial thank you
@christ3107
@christ3107 4 года назад
thanks man it's very helpful indeed.
@liho26
@liho26 4 года назад
@Bryce St. Pierre Hi Bryce. Thank you for tutorial. This is really awesome and helpful. But, one small question. Is it possible show marker data on the left side-bar, exactly as in Google maps? I mean, when I click on marker, I can see data on the left sidebar.
@winu118
@winu118 4 года назад
Hi, I'm wondering if you could use this to save location data from specific tags searched in order to save these locations for data analysis. How do you think this would be possible?
@bike-bytes
@bike-bytes 3 года назад
very interesting. thanks a lot.
@mxhdiqaim
@mxhdiqaim 4 года назад
We are always waiting for your new video
@fernandolecaros8976
@fernandolecaros8976 2 года назад
Hi Bryce, thanks for making this video. I followed your instructions and changed the JSON data file and made my own map. It worked really well, thanks again. One question, how do I export the code from visual studio to my website? Thanks in advanced.
@Mikewakelyn
@Mikewakelyn 4 года назад
My "full screen", "Zoom" (in and out) and "street view" icons are slightly out of place. Anyone else had this? How to fix?
@revathyarunachalam4828
@revathyarunachalam4828 4 года назад
Hey Thanks! Can you pls tell any solution to restrict the google autocomplete result set by state or city?
@GhaffarMCS
@GhaffarMCS 5 лет назад
Hello Bryce, Thanks for the video. I just need an information related to interactive maps which should be rendered from a database and clicking on any of the polygon on a shape file should display information related to that. Do you know how to do that and which software would be best for that kind of stuff. I have heard that GeoServer, Open layers will do that but not confirmed? Please reply
@buildwithbryce
@buildwithbryce 5 лет назад
Hey Ghaffar, I'm not sure about other software products, you may need to do some more research, but you use Polygons and InfoWindows in Google Maps! I hope this helps: developers.google.com/maps/documentation/javascript/examples/polygon-draggable developers.google.com/maps/documentation/javascript/examples/infowindow-simple
@christianista
@christianista 4 года назад
Is there a way to draw a path depending some coordinates (lat/long)?
@muhdsumar
@muhdsumar 4 года назад
Hi Bryce. My interest is not specifically in the graphic display of locations in a map. Rather, I wan to be able to return the name of the city and or area that a coordinate is contained in textual form. Or, something like given a city name or an area, I get those whose coordinates fall within the boundaries of the selected city; that is assuming that I have a table that contains varied locations of individuals. In this case, I have the thinking that a city wouldn't just be a single longitude and latitude but possibly an array of coordinates that form the boundaries of the city. Thank you.
@rajon_kobir
@rajon_kobir 4 года назад
greetings from BD.
@koujitsukagoshi
@koujitsukagoshi 4 года назад
Hi there, I wanted to know if It's possible for a user of my map to submit a specific location to me and I have to verify that location there I'll add it as a pinpoint to my map. Also is it possible to add pictures to the data/info of a location?
@scottk5083
@scottk5083 3 года назад
Thank you!! +1 sub
@kathijamahomed2485
@kathijamahomed2485 4 года назад
Hey Bryce awesome video. Can i API the popular times from Google and display it live on my website?
@kenshynne8524
@kenshynne8524 4 года назад
hey,how can you add to search for the business name?
@alvarovaughan5651
@alvarovaughan5651 5 лет назад
Hello Bryce. I wonder how to provide a route depending on the current location and the destination the user selects. Thanks a lot man! Your tutorial has been a great help.
@buildwithbryce
@buildwithbryce 5 лет назад
Thanks Alvaro! Try this out: developers.google.com/maps/documentation/javascript/directions
@tinnns
@tinnns 4 года назад
Hello! is there a way to get the zip code with given coordinates on google maps through javascript? Any thoughts?
@spectreross3693
@spectreross3693 4 года назад
Hello, may i know how to get lat and lang from searchbox? great tutorial by the way it helps me a lot on my work.
@odaysaed1766
@odaysaed1766 4 года назад
Hi thank you for all the information ...How we can use api to track nodemcu esp8266
@ChetanKumar-qs7mx
@ChetanKumar-qs7mx 4 года назад
Is there any service that will provide directions and nearby places for the origin and destination in agm-maps?
@mahelnapo8385
@mahelnapo8385 4 года назад
Hey, i'm using google api along with a covid-19 statistic api for a project of mine and im trying to restrict the autocomplete to only show countries. I am not sure how to do that.
@MrBibou23ca
@MrBibou23ca 4 года назад
Can we replace google maps with a picture ? and zoom it
@dimitrijejovanovic6779
@dimitrijejovanovic6779 5 лет назад
Hi bro. I am dealing first time with google maps API. Im doing some guy's website in wordpress. And his google map had that gray watermark across whole map, so I billed His acc and retrieved google map javascript API. I've successfully putted it in wordpress but now I get this strange error to console and map is totally negative, I mean it wont show. ERROR : You have exceeded your request quota for this API.. i dont know what to do.. pls help..
@jungamaroli8567
@jungamaroli8567 3 года назад
how to add direction (start from point A to B)?please help me
@Godisnotjesus1967
@Godisnotjesus1967 4 года назад
How often is Gmaps updated. It seems mostly 7yrs and older! Can Gmaps be upgraded to premium? Is it worth it. Is there live maps available?
@nizumcomputer1355
@nizumcomputer1355 4 года назад
how to number add icon
@lukeroTV
@lukeroTV 4 года назад
Guys the map didn't show up when I entered the javascript.. some one help!
@imsennin
@imsennin 4 года назад
What is going with your API key??
@liho26
@liho26 4 года назад
Try to delete async from "async defer" in html.
@MrLachupakabra
@MrLachupakabra 4 года назад
After watching 20 minutes of this video I'm pretty sure I'm asking a pretty elementary question for this audience (developers), but I can't for the life of me find a plain English answer anywhere... What are google map APIs and why would I need it? *Context, this rabbit hole started about a week ago. I was looking for programs to use that can easily integrate a virtual tour using 360 photospheres into google maps (tiered one-time purchase depending on how much they want done). I want to avoid subscription models (as a consumer who absolutely despises pay-to-play subscription models, the last thing I want to do is start charging people subscription fees, which would be the case with APIs it would seem). The best solution that I have found has been to use Kuula for the affordable pricing option on the virtual tours and to use panoskin for the slightly less affordable option to get large virtual tours onto google maps. I'd love a software that can easily handle both to avoid problems down the road with tours listed in multiple locations. I really don't want to use google street view on the phone to create large scale tours with +20 images in them, because doing everything on the phone just annoys me. If anyone is aware of an affordable software solution that does both (the virtual tour and google maps integration without API keys, I'd be incredibly grateful. The few that I have found that seem to allow you to upload the tour straight into the google server all seem to require a Google API key (which involves the credit card). I'm trying to figure out if there are solutions that exist, that are affordable, without involving the API keys (and I think that understanding what they are and why they are used will help in the pursuit).
@citifiedcom
@citifiedcom 4 года назад
I Know nothing about html but you sure good at it.???? Why are there 17 Bad Marks on this video??:???
@rw7799
@rw7799 4 года назад
4 hours in,,,stilll trying to find the api key in the google platform!!!! , thats why iam here. good you said about the cost side of things,,,pity google offer no idea of how many map user hits, $200 translates to... i didnt get the api key when set up a project... now cant find a tab anywhere with the api key in it.... wtf lol
@ordkashow601
@ordkashow601 4 года назад
Is the restriction of an API key necessary?
@ordkashow601
@ordkashow601 3 года назад
@ABC 123 unfortunately, no
@sm-np7xg
@sm-np7xg 3 года назад
but is the key free?
@chairumanfadhilah1179
@chairumanfadhilah1179 4 года назад
you forget do delete your API key on your REPOSITORY GITHUB
@robbogue9098
@robbogue9098 2 года назад
Lets. See.it.
@meta_quest_3
@meta_quest_3 4 года назад
thank you for doing a tutorial, I understand better this product of google. But I'm forced to do programming. Help ! What is the difference between this site (product): cloud.google.com/maps-platform/gaming/ and your tutorial please I would like to make a games like google earth (3D) and not google maps please How to make a video game like google earth (3D) with www.blender.org Also, what's the difference between google maps and google earth, from google maps platform please Thank you for answering me
@lukasostar3008
@lukasostar3008 3 года назад
honestly, reading the google maps api reference is WAY more helpful then this, sorry
Далее
REST API concepts and examples
8:53
Просмотров 6 млн
Стас о своих клиниках
00:19
Просмотров 501 тыс.
Что нового в 11.2?
58:32
Просмотров 76 тыс.
I Discovered The Perfect ChatGPT Prompt Formula
6:27
Просмотров 972 тыс.
Google Maps Roads API - Intro & Demo
9:59
Просмотров 41 тыс.
How to Create Google Maps API KEY for Free
3:37
Просмотров 338 тыс.
Google Maps & Angular | ANGULAR SNIPPETS
10:18
Просмотров 172 тыс.
Setting Up Google Maps JavaScript API
11:07
Просмотров 26 тыс.
Самый быстрый пылесос!
0:30
Просмотров 19 тыс.
Choose a phone for your mom
0:20
Просмотров 7 млн