How To Add Google Maps To Tilda Websites
Vložit
- čas přidán 26. 07. 2024
- Learn how to add and customize Google Maps on Tilda: Dropping a pin, setting up a route, signing up for Google Cloud, and generating an API Key so the map works correctly on your website.
We used the block T143 in this video, you can find it in the "Other" category. The instructions are applicable to all blocks featuring a map.
00:00 Intro
00:28 How to add a block with a map
01:06 Removing the "For development purposes only" message
01:23 Zooming a map in & out
01:42 Adding a location pin or marker
03:36 Changing the marker's color
03:47 Uploading a custom image for the marker
04:48 Adjusting the map's size within the block
05:06 Rounding the map's corners
05:17 Setting up a style for a map
06:10 Setting up a route for a map
06:39 Making a route more precise
07:57 Singing up for Google Cloud
10:39 Generating an API Key for the Map
11:49 Restricting an API Key
12:50 Adding an API Key on Tilda
13:33 Adding an API Key via Site Settings
13:54 Troubleshooting: How to fix the problem when the map doesn't load locations
🔹 How to add Google Maps Guide: help.tilda.ws/google-maps
🔹 How to define precise coordinates for Google Maps: support.google.com/maps/answe...
👉 Create a powerful website on Tilda: tilda.cc
Follow us on social media:
🔸 Instagram: / tilda.cc
🔸 Facebook: / tildapublishing
🔸 X: / tildapublishing
🔸 TikTok: / tilda.publishing
🔸 Telegram: t.me/tilda_global
#nocode #tilda #googlemaps #googlecloud
How can I get API for free?
Hello, you can use the Google Maps activated on your page for free if the number of requests doesn't exceed Google Maps' limits, here are the details: developers.google.com/maps/billing-and-pricing/billing