Интернет, Полезные советы        23 июня 2017        470         0

Как установить Яндекс карту на сайт

Мы становимся свидетелями стремительного совершенствования различных программных решений, применяемых на коммерческих сайтах. Служба «Яндекс Карты» предложил всем желающим владельцам ресурсов отметить нахождение частных компаний на местности. Для этого нужно вставить уникальный код на свой сайт. Что смогут увидеть ваши вероятные клиенты?

Улицу с номером дома, в котором находится офис;

найти маршруты общественного транспорта, с помощью которых можно добраться до места встречи;

узнать о примерном времени в пути от точки нахождения до конечного пункта.

Как это выполнить самостоятельно и без ошибок? Рассмотрим это сейчас на примерах.

Пошаговый план установки яндекс карты на сайт

Шаг 1. Вначале желательно зарегистрировать или уже иметь свою учётную запись в яндекс почте. Если её нет, то не огорчайтесь. Просто перейдите по этой ссылке: конструктор карты. Вы увидите следующее окно:

Рисунок 1. Стартовая страница

Стартовая страница

Шаг 2. Нажмите на кнопку «создать карту». Далее будет предложено войти или зарегистрироваться.

регистрация яндекс аккаунта

Введите логин и пароль

Шаг 3. После того как вход выполнен идет перенаправление на следующую страницу:

заполнение полей формы регистрации

Заполните пустые поля формы

Шаг 4. На этой странице видны два пустых текстовых поля. Это название и описание. В верхнем вставим имя нашего предприятия. Например, это может быть какой-то магазин. В нижнем можно указать вид деятельности. Предположим это продажа детских товаров. Обратите внимание на очень важный момент! На карте подписан город Москва, если вы из другого населённого пункта, то необходимо его поменять. Для этого жмём на значок лупы в левом верхнем углу карты. Видим появление поля поиска. В него вводим название нашего города. В этом случае выберем Владивосток. Жмём кнопку «найти». Появляется окно с описанием. В нём указаны данные: «Россия, Приморский край, Владивосток». Жмём на кнопку «готово» и в левой части наблюдаем появление объекта в списке. Кликнем по выделенной ссылке «сохранить и продолжить».

Картинка Заполняем описание

Заполняем описание

Шаг 5. Далее мы видим нашу карту и метку в форме запятой, которая стоит около названия города. Набираем в строке поиска улицу и номер дома и жмём найти. Наша задача поставить метку около найденного объекта. Нажимаем на значок запятой и курсор мыши наводим на номер дома по определённой улице и кликнем левой кнопкой по объекту. Снизу появляется окно с описанием. В него вносим название нашего магазина. Допустим это детские товары. Метка закреплена и нажимаем «готово». Сохраняем выполненные действия.

установление меток

Установка метки с улицей и номером дома

Шаг 6. Далее выбираем тип карты – статическая. Это нужно для того, чтобы пользователи с медленным интернетом могли успеть загрузить страницу.

выбираем тип карты для размещения

Выбор типа карты

Шаг 7. После этих действий выберем размеры изображения для страницы нашего сайта. По умолчанию стоит 500 на 400 пикселей. Но существует возможность выставить любой другой и посмотреть как это будет выглядеть на сайте.

корректировка размеров карты

Уточнение размеров

Шаг 8. Жмём на ссылку «получить код карты». Копируем и вставляем в то место где хотим увидеть наш результат.

код карты для сайта

Получение кода для сайта

Результат. Окончательно наша страница может выглядеть примерно так:

вид и отображение карты на сайте

Пример карты на сайте

Мы видим улицы и метку с расположением нашего объекта. Поздравляем всех кто вместе с нами установил код к себе на сайт! Теперь вы сможете самостоятельно отредактировать информацию о нужной компании на яндекс карте своего населённого пункта.

5/5 (1)

Понравилась статья?

comments powered by HyperComments