Tilda. Как добавить яндекс и гугл карта | Без ключа для MAPS API

• Макс Куратов рассказывает, как подключить карты Google и Яндекс без сторонних ключей API.  

• Видео основано на опыте студентки, которая столкнулась с проблемой привязки банковской карты при подключении Google Maps.  

• Макс обещает показать, как решить эту проблему за 2-3 минуты.  

• Удаляем старый блок и добавляем новый блок "нулевой блок".  

• В редакторе Google Maps выбираем "поделиться" и получаем HTML-код для встраивания карты.  

• Вставляем полученный код в новый блок и публикуем страницу.  

• Настраиваем отображение карты, изменяя контейнер на "windows" и проценты вместо пикселей.  

• Устанавливаем высоту блока и публикуем страницу.  

• Корректируем код, чтобы карта занимала всю ширину и высоту экрана.  

• Добавляем шейпы для заливки карты и размещения текста.  

• Настраиваем шейпы, чтобы они занимали 50% ширины и 100% высоты.  

• Публикуем страницу и проверяем отображение карты.  

• Подключаем Яндекс карты, используя виджет карты.  

• Настраиваем ширину и высоту карты, используя проценты.  

• Публикуем страницу и проверяем отображение карты.  

• Учитываем, что жители Украины могут не увидеть карту без VPN.  

• Подтверждаем, что при подключении Яндекс карт на украинских сайтах без VPN карта не будет видна.  

• Призываем поставить лайк и подписаться на канал.