How to add Google Maps

The rules of using Google Maps have been changed by Google. Now, to add a map to a website you need to get a key for JavaScript API and put it down in the block settings.
Go to the page:
Create a project and name it, or choose an existing one. Press Create.
Choose Map Java Script API
Activate the service by clicking on Enable.
Go to Credentials section click on a link Credentials in APIs and Services.
Next, hover on +Create Credentials and select API Key in the drop-down list.
Click on Restrict Key in a pop-up window
Find HTTP referrals (website), type your domain name in the referrer box to authorize the map and select Restrict key.
Tips and tricks: the entry* is optional. It enables a map preview in Tilda Editor. Otherwise, a map will be available only by a domain link.

Once you are finished the website editing, remove the second entry for the security purposes. Learn more about securing an API Key.
In the drop-down list select Maps JavaScript API and save changes.
Note: as Google Maps has recently changed their policy now you have to enable billing on your account before getting a key. Learn about Google Maps pricing.
Assign a credit card to your Billing Account.
Once you are finished, get back to Credentials and copy the key.
Go to Tilda, add a block with a map (e.g., Т143, category Other), open Content and put the key down in Google Map API Key field, save the changes and publish a page.
Q: I've added the API Key, on the published version the map is showing up, but the error 'Oops! Something went wrong' occurs in the editor. How to solve it?
A: It is usually means that the API key is restricted. To prevent a third party from using your API Key on their own website we highly recommend to provide access only to your domain name. Learn more about securing an API Key. To enable a map preview in Tilda Editor temporarily, authorize additional URL* and revoke access later.
Made on