Сайт своими руками


Пособие для начинающих
Редактируем готовые шаблоны


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


» » Разместить карту местности Google на сайте. Узнать координаты объекта.

Разместить карту местности Google на сайте. Узнать координаты объекта.

  • Автор: Saah
  • |
  • Комментариев: 0
  • |
  • Просмотров: 1522
Разместить карту местности Google на сайте. Узнать координаты объекта.

Вы часто встречаете на страницах сайтов в контактах план или карту местности, показывающую как добраться до объекта.
Для того, чтобы разместить карту местности на своём сайте необходимо выполнить следующие действия:

1. Войдите на страницу Google Карты - https://www.google.com/maps/.
2. В поисковом окне наберите интересующее Вас место по названию города или поселка (деревни).
3. В правом нижнем углу найдите значок настройки (шестерёнка) и выберите в нем пункт "Поделитесь с друзьями или получите код карты".
4. После этого откроется окно, где можно скопировать ссылку на эту страницу или перейти по пункту меню "Код" и указав размер карты скопировать код (iframe) для размещения на сайте.

Полученный код выглядит примерно следующим образом:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d114377.31321029291!2d35.10324059550781!3d44.88184169580548!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40eb7a2f60d96c9b%3A0xd5434aeb0813d484!2z0KHQvtC70L3QtdGH0L3QsNGPINCU0L7Qu9C40L3QsA!5e1!3m2!1sru!2s!4v1431057207782"
width="600" height="450" frameborder="0" style="border:0"></iframe>
и готов к размещению в любой HTML документ.
Если приглядеться, то в коде найдёте широту и долготу выбранного объекта.

Пример подобного размещения и использования карты местности Вы можете увидеть на сайте http://spbhomes.ru/kurortny/ развивающихся территорий Санкт-Петербурга. Используя колёсико мыши можно легко увеличить и рассмотреть элитный пригород берега Финского залива. Размещая карту местности от Google на своём сайте Вы не только помогаете пользователю, но и удерживаете его на странице большее время, что полезно при индексации проекта поисковыми системами.


Людям интересно:


Статья опубликована: 30-06-2015, 17:40

Сохраните для себя


Оставьте комментарий.
Ваше мнение будет полезно посетителям сайта:




Имя:* E-Mail:*
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Вставка ссылкиВставка защищенной ссылки Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Введите код: *
Использование материалов сайта приветствуется. При копировании и размещении данной информации на сторонних ресурсах, ссылка на сайт SiteY.ru желаема.