Google Maps Platform

※本サイトに掲載されているチャンネル情報や動画情報はYouTube公式のAPIを使って取得・表示しています。

Videos

動画一覧

動画数:144件

How to show directions on a map in React

How to show directions on a map in React

Show users directions including alternate routes with the @vis.gl/react-google-maps library. Watch the full tutorial by Leigh Halliday by clicking on the link under this Short’s title! #Google Maps Platform #Google Maps Library #Maps Developer #React Developer #Routes Library #Get Directions #Render Map Routes #Rendering Map Routes #Google Maps Routes #useMapsLibrary #Maps JavaScript API #JavaScript API #JavaScript #Vis.GL #React #Leigh Halliday
2024年02月07日
00:00:00 - 00:00:31
Improve business efficiencies and elevate customer experience for Retail

Improve business efficiencies and elevate customer experience for Retail

Join us as we kick off the new year by exploring how Google Maps Platform is helping retailers improve the customer journey. Our team will share how businesses are using Google Maps Platform capabilities like Product Locator, Address Validation, Mobility Services, Discovery AI to improve fleet efficiency, optimize routes, and prioritize sustainability. You’ll learn how these capabilities can improve every step of the journey, from enhancing the user search experience to increasing speed and convenience during the checkout process, to optimizing deliveries. Resources: How Domino's delivers pizza anywhere → https://goo.gle/3HAGsO3 Check out the blog → https://goo.gle/3O17zFq Sign up here→ https://goo.gle/48ItWYF Subscribe to Google Maps Platform → https://goo.gle/GoogleMapsPlatform
2024年02月01日
00:00:00 - 00:16:50
How does Domino’s use Google Maps Platform for pizza greatness?

How does Domino’s use Google Maps Platform for pizza greatness?

With Domino’s app pizza lovers can order pizza to any location on a map. How does Google Maps Platform enable this feature? Watch the full video by clicking on the link under the short’s title and hear the Domino’s team talk about pushing pizza delivery in the future. Speaker: ; Products Mentioned: Google Maps Platform; #pr_pr: Maps Platform; #ct:Trailer/Promo #type:; #gds:Yes; #Google Maps Platform #Domino's Tracker #Domino's Pinpoint Delivery #Deliver Pizza Anywhere #Pizza Innovation #Delivery Innovation #Pin on a map
2024年01月16日
00:00:00 - 00:00:42
How Domino's delivers pizza anywhere

How Domino's delivers pizza anywhere

Domino’s obsession with the customer journey pushes gastronomic and delivery innovation. With Pinpoint Delivery, pizza lovers can drop a pin at a park, the beach, or anywhere and have a pizza delivered to that location. Watch along and see how the latest Google Maps Platform technology allows Domino’s to meet their customers anywhere, any time. Filmed in the County of Passaic, New Jersey with the cooperation of the Board of County Commissioners. Chapters: 0:00 - Domino’s spirit of innovation 0:36 - Why create Pinpoint Delivery? 1:08 - What is Domino’s Pinpoint Delivery? 1:31 - The road to Pinpoint Delivery 2:28 - The customer experience 2:50 - Google Maps Platform & Domino’s 3:15 - Wrap up Resources: Learn more on the blog → https://goo.gle/3O17zFq Subscribe to Google Maps Platform → https://goo.gle/GoogleMapsPlatform #GoogleMapsPlatform #DominosPizza Speaker:; Products Mentioned: Google Maps Platform; #pr_pr: Maps Platform; #Campaign: ; #Ct:; #type: ; #gds:Yes; #Google Maps Platform #Domino's Tracker #Domino's Pinpoint Delivery #Deliver Pizza Anywhere #Pizza Innovation #Delivery Innovation #Pin on a map
2024年01月16日
00:00:00 - 00:03:48
How to show directions on a map in React

How to show directions on a map in React

Get an API Key → https://goo.gle/js-api-key Libraries in the Maps JavaScript API → https://goo.gle/3th486y In this tutorial, Leigh Halliday demonstrates how to use the useMapsLibrary hook to access libraries in the Maps JavaScript API, such as the Routes Library, Geocoding Library, and more, which are all linked below! Watch along and learn how to get directions from the Routes Library in the Maps JavaScript API and render the route on a map in React with the vis.gl/react-google-maps library. npm install @vis.gl/react-google-maps Homepage for vis.gl/react-google-maps → https://goo.gle/47cOk38 Watch more Geocasts → https://goo.gle/Geocasts Subscribe to Google Maps Platform → https://goo.gle/GoogleMapsPlatform #GoogleMapsPlatform #Geocasts #Google Maps Platform #Google Maps Library #Maps Developer #React Developer #Routes Library #Get Directions #Render Map Routes #Rendering Map Routes #Google Maps Routes #useMapsLibrary #Maps JavaScript API #JavaScript API #JavaScript #Vis.GL #React #Leigh Halliday
2023年12月20日
00:00:00 - 00:21:30
How to handle too many markers on a map

How to handle too many markers on a map

Discover the power of clustering advanced markers in React on a Google map for a better user experience. Watch the full code-along as Leigh Halliday demonstrates how to use the new React components library for the Maps JavaScript API. #Google Maps Platform #Google Maps #Advanced Markers #Clustering Markers #HTML #React #Vis.GL #react tutorial #react google maps #google maps react
2023年12月08日
00:00:00 - 00:00:23
How to create and customize cluster markers in React

How to create and customize cluster markers in React

In this code-along, Leigh Halliday takes 500 advanced markers representing trees in Toronto and groups them into clusters on a map for a more pleasant user experience. Watch along as Leigh uses the vis.gl React components library for Maps JavaScript API to render the advanced markers, put them in state, and pass them along to a cluster. npm install @vis.gl/react-google-maps npm install @googlemaps/markerclusterer Source code → https://goo.gle/47Ix7z7 Homepage for vis.gl/react-google-maps → https://goo.gle/47cOk38 Chapters: 00:00 - Intro 00:25 - Imports used in this tutorial 01:00 - How to add markers from a dataset 01:36 - Rendering a map 04:27 - How to add advanced markers 07:05 - Customizing an advanced marker 09:38 - Getting started with marker clusters 11:44 - Setting up a cluster reference 13:48 - Passing advanced markers to a cluster 16:48 - Solving for missing advanced markers 17:21 - Solving for unhandled runtime errors 19:45 - Grouping with clusters 21:13 - Seeing it all together 22:37 - Summary Watch more Geocasts → https://goo.gle/Geocasts Subscribe to Google Maps Platform → https://goo.gle/GoogleMapsPlatform #GoogleMapsPlatform #Geocasts #React #Google Maps Platform #Google Maps API Key #Google Maps Package #How to make Google Map #Making Google Maps #Advanced Markers #Cluster Markers #marker clustering #vis.gl framework #Vis.Gl #visualize big data on a map #big data on a map #react google maps #react maps #google maps react #Geospatial visualization data #open source #open governance #open data #React
2023年12月08日
00:00:00 - 00:25:19
2023 look back: building new experiences with the latest from Google Maps Platform

2023 look back: building new experiences with the latest from Google Maps Platform

2023 was a year of many exciting firsts for Google Maps Platform. Our team will share a recap of Address Validation, Routes API, Aerial View, Branded Experiences, Photorealistic 3D, and more. We’ll also discuss how you can create 3D visualization experiences directly in the app, exert more granular control over the look and feel of base maps, and build experiences that lead to a more sustainable future. Resources: For questions about the webinar → https://goo.gle/44CUyrW How to load Maps JavaScript API in React (2023) → https://goo.gle/3RjDOBH Enhance your React app with Google Maps integration → https://goo.gle/3Gj0ImH Latest in styling and maps customization → https://goo.gle/47BPeXw Branded experiences → https://goo.gle/3uDHCFi GMP blog → https://goo.gle/411Wpp6 GMP website → https://goo.gle/40YQK3b Subscribe to Google Maps Platform → https://goo.gle/GoogleMapsPlatform #MapsOnAir
2023年12月07日
00:00:00 - 00:20:21
Does your destination have an accessible entrance?

Does your destination have an accessible entrance?

AccessNow founder Maayan Ziv shares the latest addition to their platform with accessible entrances info made possible with the Google Maps Platform Places API. With Places API, AccessNow is ingesting even more data to share information about accessibility around the world. #Google Maps Platform #Places API #AccessNow #accessible locations #accessibility information #Find accessibility of restaurants #Find accessibility of hotels #Find accessibility of stores #Find accessibility of bars #accessibility ratings #rate accessibility #accessibility access ratings #accessible entrances #wheelchair accessibility #IDPD #EveryoneIncluded #accessibility
2023年12月03日
00:00:00 - 00:00:56
How to load Maps JavaScript API in React (2023)

How to load Maps JavaScript API in React (2023)

Learn how to use the Maps JavaScript API in React. In this step-by-step tutorial, Leigh Halliday demonstrates how to get up and running with React and Google Maps Platform in 5 minutes. Watch how to use the new Google-sponsored, vis.gl managed library for React components and hooks that bring Google map elements and services into your web app. npm install @vis.gl/react-google-maps Chapters: 0:00 - Intro 0:32 - Installing the API 1:34 - Installing the @vis.gl/react-google--maps package 2:39 - Setting up a map ID 3:14 - Adding markers 4:18 - Adding info windows to markers 6:02 - Wrap up Links: Source code → https://goo.gle/3FFYhKm Get an API Key → https://goo.gle/js-api-key Get a Map ID → https://goo.gle/get-map-id Homepage for vis.gl/react-google-maps → https://goo.gle/47cOk38 Watch more Geocasts → https://goo.gle/Geocasts Subscribe to Google Maps Platform → https://goo.gle/GoogleMapsPlatform #GoogleMapsPlatform #Geocasts #react #react maps #react google maps #react maps javascript api #react maps js api #react maps js #add a map in react #map in react app #Google Maps Platform #Leigh Halliday #OpenJS Foundation #geospatial visualization framework #open source #maps markers #get a map id #set up google maps #maps for websites #maps for apps #React #vis.gl
2023年11月03日
00:00:00 - 00:06:31