5.0 0.5 5 10

Как вставить карту на сайт?

Ильдар Юнусов
Ильдар Юнусов
22 июля 2014
221
Оцените:
Как вставить карту на сайт?

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

Как вставить на сайт статическую карту

Статическая карта представляет собой изображение (план-схема района), на котором нужное здание выделено или отмечено. Масштаб такой карты нельзя изменить, а также нет возможности просмотреть другой район города. Такие карты удобно использовать, если офис находится в отдалении от других зданий либо на территории крупного технопарка.

Для вставки такой карты достаточно сделать снимок карты, нанести необходимые отметки и линии маршрута (если необходимо) и после этого вставить в код HTML посредством тэга «img scr» или другого, используемого в коде вашего сайта.

Как добавить на сайт динамическую карту

Динамическая карта, в отличие от статической, используется значительно чаще и дает возможность пользователю гораздо проще и удобнее находить нужное здание и офис. Для того чтобы установить на свой сайт динамическую карту, ее необходимо создать посредством специальных сервисов Google или Яндекс. Оба сервиса имеют схожий функционал и практически не отличаются алгоритмами создания карт.

Опишем процесс создания динамической карты и дальнейшего ее добавления на сайт на примере сервиса API Яндекс. Карт.

Для начала работы с сервисом необходимо войти в свою учетную запись на Яндексе или зарегистрироваться, если учетной записи у вас нет. После того, как вход будет осуществлен, нужно перейти на страницу api.yandex.ru и нажать кнопку «Создать новую карту».

Далее нужно найти нужное здание и с помощью инструмента «Установка точек» отметить его. По желанию здание на карте можно выделить и с помощью линий или многоугольника, выбрав соответствующие инструменты. Также сервис дает возможность нарисовать маршрут следования до здания с помощью кнопки «Рисование линий».

Если вас не устраивает размер окна карты, то его можно изменить. Нужно нажать на кнопку «Изменение размеров карты». После этого появятся бегунки, с помощью которых можно изменить размер карты в большую или меньшую сторону.

После того, как все настройки карты будут завершены, нужно ввести название карты в соответствующую форму и нажать «Сохранить и получить код». В форме под этой кнопкой сгенерируется код, который нужно будет скопировать и вставить в нужное вам место в коде сайта.

Для того чтобы создать еще одну карту, нужно снова зайти по вышеприведенной ссылке и просто повторить весь процесс. Любое редактирование производится там же после нажатия на кнопку «Редактировать». После редактирования HTML-код карты на сайте нужно обновить.

Если же сравнивать два сервиса между собой, то, конечно же, вставить карту от Яндекс несколько проще. Это связано с тем, что интерфейс Google Maps несколько непривычен, и найти в нем что-либо быстро и просто не получится, хотя сам процесс очень похож на процесс создания карты силами API Яндекс. В общем, все зависит от того, к какому сервису вы больше привыкли. 

Подписывайтесь на наши группы в социальных сетях - смешные статьи, картинки и факты!