ВЫ ЧАСТО ВСТРЕЧАЕТЕ НА СТРАНИЦАХ САЙТОВ В КОНТАКТАХ ПЛАН ИЛИ КАРТУ МЕСТНОСТИ, показывающую как добраться до объекта.

https://i.imgur.com/5FtvboR.jpg

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

  • 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 документ.

Если приглядеться, то в коде найдёте широту и долготу выбранного объекта.

Аналогично вставляется в дизайн сайта интерактивная карта от Яндекс. Пример адаптивной карты с описанием всех настроек можете скачать на странице "Адаптация интерактивной карты Яндекса для сайта".

https://i.imgur.com/SywUEIK.gif
Размещая карту местности на своём сайте Вы не только помогаете пользователю, но и удерживаете его на странице большее время, что полезно при индексации проекта поисковыми системами.

Подпись автора

вопрос по ◆ВТ◆ в личку

вопрос по ◆ВТ◆ в тему