Как подключить карту Google

Компания Google изменила правила использования карт. Теперь, чтобы добавить карту на сайт, нужно получить ключ для JavaScript API и указать его в настройках блока с картой.
Перейдите на страницу получения ключа: https://developers.google.com/maps/documentation/javascript/get-api-key?hl=ru
и нажмите кнопку «Получить ключ».
Если потребуется, выполните вход в свой аккаунт Google.
На следующем шаге нажмите «Create project»
Задайте проекту название (любое). Нажмите Enable API.
Система выдаст вам ключ. Скопируйте его.
Перейдите в Тильду, добавьте блок с картой (например, Т143, категория «Другое»), откройте меню «Контент», укажите полученный ключ в поле Google Map API Key, координаты адреса, сохраните и опубликуйте страницу.
Если карта не работает
Если вы точно следовали инструкции, карта будет работать корректно. Поэтому если карта не работает — попробуйте еще раз. Если все равно не работает, перейдите в Панель управления API https://console.developers.google.com/apis/dashboard
и убедитесь, что Google Maps JavaScript API у вас активирован.
Пример, как выглядит панель управления, когда Google Maps JavaScript API не активирован
Если в списке активированных API нет Google Maps JavaScript API, перейдите в Библиотеку (слева), выберите Google Maps JavaScript API, кликните на него и нажмите «Подключить».
Как поменять стиль карты
На Тильде есть три настройки стиля карты — обычная, черно-белая светлая и черно-белая тёмная. Эти стили можно поменять в настройках блока с картой → Стиль Google-карты.
Если этих стилей не хватает, то можно воспользоваться сервисом Snazzymaps и вставить карту самостоятельно.

Для создания карты нужно сначала зарегистрироваться на сайте.
После регистрации нужно перейти по ссылке Build a Map в верхнем меню сайта.
На открывшейся странице нужно прописать название карты и вставить ключ Google Maps API, который можно получить по этой ссылке.
После сохранения нужно выбрать настройки карты с помощью четырех секций. В первой секции можно выбрать стиль карты, нажмем на кнопку Choose a Snazzy Maps style.
После выбора стиля карты и дополнительных настроек в секциях (добавление маркеров, настройка языка и размера) нажмем на кнопку View Code, чтобы получить код карты.
Копируем код и вставляем его в HTML-блоке T123 из категории Другое.
После этого карта со сторонним стилем будет добавлена на страницу.
Made on
Tilda