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

Если сайт корпоративный, то на нем просто обязана быть географическая карта, по которой бы ваш потенциальный клиент или потенциальный клиент заказчика смог бы найти и купить нужный ему товар.

Есть много вариантов сделать это удобным для пользователя, но самым удобным является готовая карта от поисковой системы Yandex. Давайте объясню почему и как ее можно поставить на сайт.

Почему именно ставить карту от Яндекса?

Ответ на этот вопрос должен найти каждый вебмастер, так как это сродни вероисповеданию. У меня, к примеру, был выбор между картами от Google, от Yandex и картами от 2GIS. Возможно выбор сервисов намного шире, но мне хватило рассмотрения этих трех. Можете полистать форум о компьютерном железе, может там есть какая-нибудь информация по этому вопросу.

Я очень хорошо отношусь к Google, но вот что-то с их картами у меня как-то сразу не заладилось. Поэтому по собственным соображениям я пока ни на один сайт карты от Google не внедрял.

Карты от 2GIS – это просто шикарные карты, но для доступа к их API необходимо написать официальную заявку, которую будут несколько дней мурыжить и в итоге так и не понятно – дадут возможность использования их или нет. У кого много времени или есть дотошный заказчик – велком в тех. поддержку 2GIS.

Я как всегда пошел по самому легкому пути и решил, что карты от российской компании Яндекс – это мое. После небольшого опыта их использования я понял, что не прогадал. Работать с ними очень удобно, хоть и громоздким получается код. Самое главное, что бесплатно и просить разрешения ни у кого не надо.

Как добавить Яндекс.Карты на свой сайт?

Все просто. Давайте по-порядку.

  1. Нужно зайти на сайт http://api.yandex.ru/maps/tools/constructor/ и зарегистрироваться. Эта общая регистрация для всех дополнительных сервисов, таких как Яндекс.Вебмасте, Яндекс.Директ и так далее. Если Вы уже зарегистрированы, то дополнительно делать ничего не нужно. Хотелось бы немного дополнить: если вы добавляете карты не для себя, а для заказчика, то будет честнее и проще вам в будущем создать новый аккаунт для заказчика.
  2. Далее в поиске ниже ищем нужный вам регион, ищем улицу. После того, как вы нажали найти, метка будет стоять на том здании, которое вам нужно. Если здание не найдено или не обозначено на карте, то можно просто подвинуть метку как надо. Жмем во всплывающем окне ОК и ставим свою метку. Можно как выделить некоторую область, так и просто поставить метку в виде точки. Добавляем текстовое описание и если нужно меняем стиль оформления.
    Как добавить карту от Яндекс на свой сайт?
  3. Далее переходим к 3 шагу Код для вставки и вводим доменное имя, где будет красоваться карта, ставим галку, что согласны с условиями размещения карты. Давим на Получить код карты.
    Как добавить карту от Яндекс на свой сайт?

Это все! Далее Вам будет предложено скопировать html-код на страницу своего сайта и лицезреть красивую карту с вашей меткой.

P.S. Для того, чтобы валидатор W3C не ругался на вставленную вами карту, необходимо все символы амперсанда – & заменить на XML-обозначение – &. Почему этого не делает сам Yandex, не понятно.

Комментарии:

  1. kreuz опубликовал комментарий 20 Март 2012, 06:01 #

    Облом. Моего города нет на карте 8( А так хотелось….

    | Ответить
  2. Алекс опубликовал комментарий 11 Ноябрь 2012, 15:28 #

    Спасибо ! – очень подробно и понятно,
    очень много времени потерял с google -здесь 5 минут.

    | Ответить
  3. иван опубликовал комментарий 13 Май 2013, 17:32 #

    поиск

    | Ответить
  4. Ольга опубликовал комментарий 29 Декабрь 2014, 15:50 #

    Спасибо большое за статью!
    Остался один вопрос: можно ли на этом сайте получить ссылку на англоязычную карту? (нужна карта для англоязычного сайта для зарубежных пользователей)

    | Ответить
Имя
e-mail
Сайт
Текст комментария: