Яндекс карта на ваш сайт !

Здравствуйте !

Сегодня я расскажу и покажу как можно добавить на свой сайт Яндекс карту. Для тех кто собирается очень часто использовать на своём сайте wordpress Яндекс карты, то я могу порекомендовать вам плагин, который добавит в меню визуального редактора кнопку — Яндекс карты, для быстрого добавления карт на свой сайт. В данной статье мы добавим Яндекс карту на сайт без плагина, то есть непосредственно с сервиса Яндекс карты.

Для начала зайдите на сайт сервиса Яндекс карты, зайти на данный сайт можно с главной страницы Яндекса, нажав на вкладку — Карты, которая находится над поиском. Так же можете просто ввести в любой поиск название сервиса.

 

05-10-2015 14-08-37

 

На главной странице сервиса Яндекс карты, справа, нажмите на вкладку — Карты на сайте.

 

05-10-2015 14-16-29

 

Затем на открывшейся странице, внизу нажмите на вкладку — Конструктор карт.

 

05-10-2015 15-54-32

 

На странице Конструктор карт, нажмите на кнопку — Создать новую карту.

 

05-10-2015 16-02-17

 

Далее, настройте карту, которая будет отображаться на вашем сайте. Укажите место, которое должно отображаться на карте, дайте название и описание для карты, добавьте на карту необходимые вам атрибуты и объекты, воспользовавшись меню вверху карты.

 

05-10-2015 16-10-50

 

После того как вы настроите свою карту, нажмите на кнопку — Сохранить карту и получить код.

 

05-10-2015 16-20-50

 

Затем укажите тип карты: Интерактивная карта — то есть живая карта, которую можно двигать. Статическая карта — просто картинка, изображение карты. Укажите размер карты, можно либо задать цифры, либо мышкой растянуть карту так как вам нужно. И в конце скопируйте HTML код карты для сайта.

 

05-10-2015 16-23-58

 

Вот и всё, HTML код карты вы можете вставить на сайт, в то место, где вы хотите, чтобы отображалась карта. Например, если ваш сайт на wordpress, то вы можете вставить HTML код карты в запись или на страницу, через вкладку Текст в меню визуального редактора. В общем HTML код можно вставить куда угодна.

 

05-10-2015 16-39-43

 

На этом у меня всё, как видите, если разобраться, то здесь всё очень просто, надо лишь поэкспериментировать немного и у вас всё получится. Если у вас остались вопросы по данной статье, то пишите мне в Обратную связь, либо оставляйте свои комментарии к данной записи, я всем отвечу. До новых встреч !

 


Оцените статью