Домой / WordPress / Как вставить Google карту на страницу сайта WordPress
Как вставить Google карту на страницу сайта WordPress

Как вставить Google карту на страницу сайта WordPress

Здравствуйте друзья! В этом уроке мы разберем с вами как добавить гугл карту на страницу или запись вашего сайта на WordPress.

Как вставить Google-карту на страницу сайта

Для начала нам нужно зайти по ссылке google.ru/maps и найти страну/город или необходимый адрес на карте. Найти необходимое место можно просто листая карту, или ввести адрес в поле для поиска, для примера давайте добавим карту на сайт с Австралией.

Для этого нам нужно:

1) Ввести в поле для поиска «Австралия» (или любую другую страну, город, или точный адрес с улицей которая вам нужна).

Как вставить Google карту на страницу сайта WordPress

Поиск Австралии на гугл карте

2) После того как Вы нашли нужное место, нажмите в левом верхнем углу на значок меню.

Как вставить Google карту на страницу сайта WordPress

3) Теперь нажмите «Поделиться с друзьями или получите код карты«.

Как вставить Google карту на страницу сайта WordPress

4) В открывшемся окне перейдите на вкладку Код.

kak-vstavit-google-kartu-na-stranitsu-sayta-wordpress-5

Переходим на вкладку Код

5) В вкладке Код, скопируйте всю строчку кода (фрейм).

Код выглядит так:

<iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14633025.482991382!2d133.28132295!3d-26.4390917!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2b2bfd076787c5df%3A0x538267a1955b1352!2z0JDQstGB0YLRgNCw0LvQuNGP!5e0!3m2!1sru!2sru!4v1419453063815" width="600" height="450" frameborder="0"></iframe>
Как вставить Google карту на страницу сайта WordPress

Копируем всю строчку кода

6) После этого откройте страницу сайта на которую вы хотите вставить карту и перейдите на вкладку редактора «Текст». Теперь вставьте скопированный код с гугл карт.

После этого можно сохранять страницу, и карта уже готова.

Как вставить Google карту на страницу сайта WordPress

Для вставки карты нужно перейти на вкладку Текст

Важно! Если вы хотите изменить высоту или ширину карты, измените значения width (ширина) и height (высота) в коде карты, в вкладке редактора Текст. К примеру, если вы хотите вставить карту на сайт размером 500px в ширину и 800px в высоту, значения должны быть width=’500′ height=’800′.

Также, изменить размер карты можно мышкой, стягивая или растягивая фрейм карты. Для того чтобы так делать, перейдите на вкладку редактора Визуально.

Как видите все очень просто и делается очень быстро. Если у вас что-то не получилось, или остались вопросы, задавайте их в комментариях здесь или на этой странице.

Результат вставки гугл карты, по примеру с урока:

Здравствуйте друзья! В этом уроке мы разберем с вами как добавить гугл карту на страницу или запись вашего сайта на WordPress. Как вставить Google-карту на страницу сайта Для начала нам нужно зайти по ссылке google.ru/maps и найти страну/город или необходимый адрес на карте. Найти необходимое место можно просто листая карту, или ввести адрес в поле для поиска, для примера давайте добавим карту на сайт с Австралией. Для этого нам нужно: 1) Ввести в поле для поиска "Австралия" (или любую другую страну, город, или точный адрес с улицей которая вам нужна). 2) После&hellip;

Обзор

Проголосуйте за урок

Оценка

Итог : Уважаемые читатели! Если вам понравилась статья не поленитесь проголосовать и оставить комментарий, ведь так я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!

Рейтинг: 4.73 ( 17 голосов )
100

11 комментариев

  1. Аватар
    Виктория

    Добрый день.
    Подскажите, пожалуйста, можно ли на добавленную на сайт карту добавлять метки мест с описанием?

  2. Аватар

    щас бы ставить карты через iframe в 2017

  3. Аватар
    Александр

    Спасибо! Самое простое и изящное решение!

  4. Аватар

    При сохранении страницы карта исчезает, почему?

    • Аватар
      Деванный Ыксперд

      По тому что сама карта лежит на гугл мапс а на ВАШЕЙ странице ТОЛЬКО ССЫЛКА на нее.

  5. Аватар
    Виктория

    всем добрый день . А как то можно сделать , что б карта со страницы не исчезала ?

Оставить комментарий

Ваш email не будет опубликован.

*