Сегодня я расскажу, как встроить на свой сайт интерактивную карту Google. Это может пригодиться вам, когда нужно обозначить какое-то географическое место на сайте: город, дорогу и т.п.

Чтобы посмотреть пример реализации такой карты, щелкните по картинке ниже:

Шаг 1.

Зайдем на сайт maps.google.ru. В строке поиска наберем необходимый нам город или воспользуемся кнопками навигации, чтобы найти это место вручную.

В моем случае это: г. Псков, Октябрьский пр., 33а.

Шаг 2.

В правом верхнем углу карты выберем пункт "Ссылка", затем "Настройка и предварительный просмотр встроенной карты"

В открывшемся окне выберем размер карты, воспользовавшись предложенными вариантами: "Малый", "Средний" или "Крупный" или зададим свой, поставив радиокнопку на пункт "Пользовательский".

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

Шаг 3.

Скопируем сгенерированный html код и вставим его на страницу нашего сайта.

Вот и все! Надеюсь, что использование google карт сделает ваш сайт более привлекательным и удобным.

Добавлено: 24 Августа 2013 06:38:51 Добавил: Андрей Ковальчук Нравится 0

Добавить