Как просто вставить Google карту в Тильду

С недавних пор Google разрешает встраивать свои карты только за деньги. Сегодня расскажу как просто и бесплатно добавить Google карты на сайт в Тильде.

Первая карта для больших экранов

Код

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d20971.200117994766!2d2.348173889660133!3d48.9268223713228!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66eaae7346d61%3A0xc7efebbaf928e90d!2sSaint-Denis!5e0!3m2!1sen!2sfr!4v1567701364757!5m2!1sen!2sfr" width="980" height="600" frameborder="0" style="border:0;" allowfullscreen=""></iframe>

Обратите внимание на эти параметры: width="980" height="600". Вы можете вручную менять их, если не нравится текущий размер или если хотите сделать отдельную версию для каждого устройства.

Вторая карта

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d20971.200117994766!2d2.348173889660133!3d48.9268223713228!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66eaae7346d61%3A0xc7efebbaf928e90d!2sSaint-Denis!5e0!3m2!1sen!2sfr!4v1567701364757!5m2!1sen!2sfr" width="600" height="500" frameborder="0" style="border:0;" allowfullscreen=""></iframe>

Третья карта для мобильных устройств

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d20971.200117994766!2d2.348173889660133!3d48.9268223713228!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66eaae7346d61%3A0xc7efebbaf928e90d!2sSaint-Denis!5e0!3m2!1sen!2sfr!4v1567701364757!5m2!1sen!2sfr" width="320" height="400" frameborder="0" style="border:0;" allowfullscreen=""></iframe>