Как вставить Google карту на страницу сайта WordPress
https://Всем привет. В этом уроке я вам покажу, как добавить гугл карту на страницу или запись вашего сайта на WordPress. Готовьте чаек и погнали учиться!
Как вставить Google-карту на страницу сайта
Для начала нам нужно зайти по ссылке google.ru/maps и найти страну/город или необходимый адрес на карте. Найти необходимое место можно просто листая карту, или ввести адрес в поле для поиска, для примера давайте добавим карту на сайт с Австралией.
Для этого нужно:
1) Ввести в поле для поиска «Австралия» (или любую другую страну, город, или точный адрес с улицей которая вам нужна).
2) После того как вы нашли нужное место, нажмите в левом верхнем углу на значок меню.
3) Теперь нажмите «Поделиться с друзьями или получите код карты«.
4) В открывшемся окне перейдите на вкладку Код.
Переходим на вкладку Код
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>
Копируем всю строчку кода
6) После этого откройте страницу сайта на которую вы хотите вставить карту и перейдите на вкладку редактора «Текст». Теперь вставьте скопированный код с гугл карт.
После этого можно сохранять страницу, и карта уже готова.
Для вставки карты нужно перейти на вкладку Текст
Важно! Если вы хотите изменить высоту или ширину карты, измените значения width (ширина) и height (высота) в коде карты, во вкладке редактора Текст. К примеру, если вы хотите вставить карту на сайт размером 500px в ширину и 800px в высоту, значения должны быть width=’500′ height=’800′.
Также, изменить размер карты можно мышкой, стягивая или растягивая фрейм карты. Для того чтобы так делать, перейдите на вкладку редактора Визуально.
На этом у меня все! До скорого!
Подписывайтесь на канал https://, чтоб не пропускать новые интересные уроки.