Скачать с ютуб Custom Google Maps with Webflow CMS Items в хорошем качестве

Custom Google Maps with Webflow CMS Items

In this tutorial we add Google Maps to our Webflow site... but we take it to eleven. Instead of a static map location, we are using an address from a CMS collection... and even better, we are using a custom map style - not the default Google Maps styles (road, satellite, hybrid). So if you want to have a Google Map for each item in your CMS collection and you want to style the map to better fit your brand... this is the tutorial for you. You'll definitely want to visit the tutorial page on the No Code Collab site to copy the code snippet. Check it out here: https://www.nocodecollab.com/tutorial... We use a few tools in this tutorial, so be sure to follow along! • Snazzy Maps • Google Could Console • Google Cloud Maps Javascript API • Google Cloud Maps Places API • Google Cloud Maps Geocoding API • Webflow TIMESTAMPS 00:00 Custom Google Maps with Webflow CMS Items 00:16 Conceptual Google Map Process Overview 02:34 The 10 Step Process Overview 04:52 How to get custom Map code from Snazzy Maps 06:38 How to create a new project in Google Cloud Platform 07:46 How to enable Javascript, Places and Geocoding API in Google Maps Platform 08:37 How to create a new Maps API Key 09:50 How to create a map in Google Cloud Maps Platform 10:20 How to create a map style in Google Maps Platform 12:32 How to set up Webflow CMS for custom Google Maps 14:38 How to add custom Google Maps to CMS Item Page 21:09 Updating your Google Map style on your Custom Map 22:53 Add Transition 23:10 Add Transition