Як вставити google карти (google maps) на сайт, блог костаневіча степана

Як вставити Google карти (Google maps) на сайт

Щоб вставити Google карти (Google maps) на сайт, зайдіть на офіційну сторінку сервісу Google maps:

Як вставити google карти (google maps) на сайт, блог костаневіча степана

Як вставити google карти (google maps) на сайт, блог костаневіча степана

Якщо вам потрібно прокласти маршрут, натисніть зліва на посилання «Прокласти маршрут»:

Як вставити google карти (google maps) на сайт, блог костаневіча степана

Як вставити google карти (google maps) на сайт, блог костаневіча степана

Тепер нам потрібно отримати код і встановити його на сайт. Для цього перейдіть по меню (три горизонтальні смужки):

Як вставити google карти (google maps) на сайт, блог костаневіча степана

Як вставити google карти (google maps) на сайт, блог костаневіча степана

Як вставити google карти (google maps) на сайт, блог костаневіча степана

Вид посилання в HTM-коді на сайті буде ось таким:

Код - при вставці коду на вашому сайті буде відображатися Google maps з усіма її опціями (масштаб, маршрут і т.д.). В налаштуваннях можна вибрати розмір карти «Маленька», «Середня», «Велика», «Інший розмір». Копіюйте код і вставляйте на сайт в те місце, де хочете, щоб відображалася Google карта:

Як вставити google карти (google maps) на сайт, блог костаневіча степана

Зверніть увагу, що в коді є такі параметри як «width» - це ширина. Якщо у вас адаптивний сайт, то рекомендую поміняти на значення в процентах (%), наприклад, було так:

Як вставити google карти (google maps) на сайт, блог костаневіча степана

Можна вставити код через віджет. Перетягніть віджет «ТЕКСТ» в потрібне місце і вставте в нього код:

Як вставити google карти (google maps) на сайт, блог костаневіча степана

Нічого складно для тих, хто хоч трішки знає WordPress.

Наче все. Ось така ось карта вийшла у мене на блозі.