Домой Кредит на бизнес Как и зачем добавлять компанию на Яндекс Карты и Google Maps.

Как и зачем добавлять компанию на Яндекс Карты и Google Maps.

Если Вы хотите добавить на свой сайт карту Гугла или Яндекса с собственными метками, то мы расскажем Вам как это сделать.

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

Но даже мелочи играют, порой, весьма большое значение. Возьмём ситуацию. Есть, к примеру, два сайта, которые предлагают купить что-нибудь недорого. Реальные представительства обеих сайтов находятся в одном и том же городе (скажем, в Москве). Адреса представительств указаны и там, и там. Но на первом сайте адрес просто написан где-нибудь в подвале, а на втором наглядно оформлен в виде карты, по которой пользователь может нажать и сразу же получить координаты... Вопрос знатокам: "Где продажи будут выше"? :)

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

Способы вставки карт

Технически вставка карты на сайт сводится к добавлению на страницу фрейма, который отображает нужный фрагмент местности напрямую с картографического сервиса (обычно Google или Яндекс). То есть, мы просто делаем своеобразную "дырку" в веб-странице с подложкой под неё карты (кстати, аналогично вставляется видео с YouTube, например).

Гораздо запутаннее выглядит ситуация с добавлением собственных меток. Так, например, ранее Google позволял делать метки в виде красных маячков и снабжать их описанием прямо на основном сервисе. Затем такая возможность реализовалась при помощи JavaScript API. Но с прошлого года API стал платным и единственным официальным способом добавить карту Гугла со своими пометками на сайт стал сервис "Мои карты ".

Яндекс же в этом плане изначально куда более удобен. Он предоставляет не только полноценный API, но и готовый веб-интерфейс ("Конструктор карт ") для визуальной работы с ним без знания JavaScript (фактически аналог "Моих карт")!

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

Свои метки на картах Гугла

Для получения координат навигатором, кстати, такая карта подходит, однако, обычный человек вряд ли поймёт, куда ему идти, поскольку нужное место визуально никак не отмечено. Чтобы делать хорошие информативные метки на картах Гугла Вам нужно иметь аккаунт Google и использовать их официальный сервис "Мои карты ".

Этот сервис позволяет пользователю совершать следующие действия:

  • добавлять метки с описаниями и фотографиями;
  • прокладывать маршруты с возможностью измерения расстояния между его пунктами;
  • рисовать произвольные линии с возможностью замера расстояния и площади образованных ими замкнутых фигур.

На стартовой странице сервиса находится список созданных Вами ранее карт (может быть пустым) и кнопка "Создать новую карту" . С неё и начнём работу. После нажатия перед Вами откроется привычная гуглокарта с немного непривычными органами управления. Рассмотрим их внимательно:

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

Стоит также обратить внимание на небольшую кнопку "Базовая карта" на боковой панели. с её помощью Вы можете изменить стиль самой карты (я, например, предпочитаю стиль "Спутник").

Чтобы задать метку выбираем на карте нужную местность и масштаб, в котором мы будем работать, после чего активируем инструмент "Добавить маркер" и жмём в точке, которую следует отметить. Появится небольшой маркер и над ним всплывающее окошко с двумя полями ввода текста: название маркера и краткое описание:

После сохранения введённых первичных данных Ваша метка будет добавлена на текущий активный слой и у Вас появится несколько новых возможностей для её настройки. Во-первых, на боковой панели над самой меткой будет раздел "Индивидуальный стиль" . Нажав по нему, Вы сможете выбрать подпись, которая будет отображаться около маркера. В качестве подписи может выступать название метки или её сокращённое до одной строчки описание.

Во-вторых, новые инструменты появятся и во всплывающем окошке над добавленным маркером. Кроме правки описания, Вы можете изменить внешний вид самого маркера, выбрав одну из стандартных иконок или даже, загрузив любое своё фото (кнопка "Ещё" - "Пользовательский значок"). Также при помощи специальной кнопки свои фотографии Вы можете загрузить и для показа в панели описания. Ну и напоследок, имеется возможность проложить маршрут между добавленной Вами точкой и другим пунктом назначения при помощи предпоследней кнопки. В итоге можно получить нечто подобное:

Хотелось бы немного остановиться на вопросе оптимизации полученного кода:

Дело в том, что по умолчанию вставляемый Вами фрейм с картой имеет чётко заданные размеры. Сегодня же актуально делать везде, где можно, адаптивную вёрстку, которая автоматически подстраивается под размере экрана. По стандартам HTML для фрейма нельзя указывать ширину и высоту в процентах, поэтому в коде эти параметры лучше убрать вовсе, заменив каким-либо CSS-классом, а размеры задать уже через CSS или встроенные стили:

Вариант 1. С классом (более правильно)

Google-map {width:100%; height:480px;}

Вариант 2. Встроенные стили

Вот так можно получить красивую функциональную и валидно вставленную адаптивную карту Гугла на сайт:

Свои метки на картах Яндекса

У Яндекса, как уже говорилось выше, изначально возможностей для редактирования карт было больше. Во-первых, до сих пор существует и развивается сервис "Народная Карта ", где каждый может делать собственные пометки на общей карте. Во-вторых, имеется полноценный API на JavaScript, который позволяет веб-мастерам максимально настроить внешний вид карты и меток на ней. А в-третьих, для тех, кто не знаком с JavaScript, есть визуальный сервис "Конструктор Карт ", который реализует большинство возможностей API! Его и рассмотрим:

Как и в "Моих картах" интерфейс здесь разделён на боковую панель, на которой отображается список добавленных Вами меток и настройки карты, а также функциональные клавиши в верхней части, при помощи которых можно добавлять на карту свои метки. Возможностей здесь, правда, поменьше. Мы можем добавлять лишь стандартные маркеры (причём, если в виде иконок, то только без подписей), рисовать линии (аналог прокладки маршрута) и многоугольники. Единственным новшеством, которого не было у Гугла, является возможность отображать пробки на дорогах. Но это актуально лишь для крупных городов.

Алгоритм действий здесь тот же, что и в "Моих картах". Находим нужный нам участок карты, активируем инструмент "Метки" и добавляем кликом маркер в нужном месте. В появившемся всплывающем окошке можно задать цвет маркера, его тип ("запятая" или "точка"), а также немного приукрасить при помощи добавления текста или нестандартной иконки (но в этом случае текста подписи не будет видно). Кроме подписи, которая будет видна справа от метки, можно добавить и краткое описание, которое будет выводиться по нажатию на маркер.

После добавления меток можно их связать подобием маршрута. Для этого активируем инструмент "Линии" и нарисуем опорные точки будущего маршрута. Для его завершения на последней точке кликните ещё раз и выберите "Завершить" . Как ни странно, у данной функции имеется пара преимуществ перед маршрутами Гугла. Во-первых, прокладывать линии можно даже там, где нет дорог, что позволяет проложить пешеходный путь более точно, а во-вторых, на боковой панели отображается длина готовой линии, что тоже весьма удобно.

В принципе, на этом всё. Чтобы получить код карты с Вашими метками нажмём на кнопку "Сохранить и продолжить" (боковая панель внизу) и в открывшемся окошке отрегулируем размеры видимой части карты. Для адаптивности рекомендую активировать опцию "Растянуть по ширине" , после чего достаточно будет нажать кнопку "Получить код карты" :

В отличие от Гугла, Яндекс отдаёт карту не в виде фрейма, а в виде скрипта, который аналогично вставляется в нужное место на странице Вашего сайта. Если Вы разбираетесь в JavaScript, то, немного переписав скрипт, можете значительно улучшить внешний вид карты, заменив значки меток и добавив картинки к описанию (инструкция или ). Но, в принципе, и без этого смотрится всё довольно прилично:

Другие онлайн-карты

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

OpenStreetMap (OSM)

Карты OpenStreetMap больше походят на планы местности. Здесь нет детальной отрисовки ландшафта и домов, но, тем не менее, это единственные онлайн-карты, которые полностью создаются реальными людьми и которые можно править собственноручно. За счёт активности пользователей карты OSM в некоторых местах планеты отображают даже более точную информацию, чем гуглокарты (правда, это далеко не везде)!

Что касается возможностей, то здесь нам доступны установки меток с описаниями и рисование маршрутов. Причём, если у Вас есть GPS-трекер, то данные о маршруте можно экспортировать на карту прямо с него. Есть у карт OpenStreetMap и расширенный режим правки. В этом режиме в качестве основы отображаются карты Bing и Вы можете делать на них любые пометки, рисовать линии и фигуры, аналогично "Моим картам" Гугла. Все сохранённые правки попадут на общую карту, поэтому будьте внимательны при внесении любых изменений, чтобы не вводить в заблуждение других пользователей заведомо неверной информацией!

ScribbleMaps

Если Вы не боитесь англоязычного интерфейса и хотите получить карту с метками в стиле ранних карт Гугла (со всплывающими по клику окошками с описанием, картинками и даже видео), то Вам может понравиться сервис ScribbleMaps :

Данный сервис позволяет в качестве подложки использовать карты большинства популярных ресурсов (в том числе Гугла и OSM), а уже поверх них устанавливать многочисленные метки, фигуры, маршруты и даже просто изображения или текстовые надписи. Словом, если Вам потребуется нанести на карту максимально много собственной информации, то карты ScribbleMaps должны Вам в этом помочь.

Следует, правда, отметить, что есть у данного сервиса и ряд негативных аспектов. Часть функционала доступна лишь на платной основе для так называемых VIP-пользователей. Но, в принципе, для вставки меток и картинок не нужно быть никаким "випом". И даже более того - создать карту и получить код для её вставки на сайт можно даже без регистрации! Вот такая вот противоречивость:)

AniMaps

Если Вы вдруг захотите показать своим посетителям не просто место на карте, а наглядно продемонстрировать путь к нему, то в этом Вам может помочь сервис AniMaps :

AniMaps позволяет добавить на стандартную карту Гугла маршрут и по его ходу отображать определённые изображения или текстовые пояснения. Скорость перемещения по заданному маршруту Вы задаёте самостоятельно при помощи полозка времени над картой. Итогом Вашей работы будет автоматическая презентация маршрута с "остановками" в отмеченных Вами местах.

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

Выводы

Вставка карты на сайт не составит особого труда, если заранее знать все нужные сервисы для этого. При этом необязательно быть программистом или вообще каким-либо IT-специалистом - всё делается в визуальном режиме! На выходе Вы всегда получите готовый код, который можно просто вставить в текст на странице Вашего сайта без установки каких-либо специализированных плагинов.

Владея же хотя бы базовыми познаниями в сфере веб-технологий, Вы сможете немного улучшить код полученной карты, сделав её адаптивной (как в случае с Гуглом) или добавив дополнительные элементы (как в Яндексе). Воспользовавшись же средствами многочисленных иностранных сервисов онлайн-картографии, Вы сможете удивить своих пользователей даже анимацией на картах! А ведь чем интереснее Ваше предложение, тем больше клиентов оно привлечёт;)

P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Тертышного.

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

Конструктор карт от "Яндекса"

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

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

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

Настройка метки

Чтобы было понятнее, как поставить метку организации на карте "Яндекс", разберем этот процесс по пунктам:

  • В интерфейсе работы с картой слева в окне введите название и описание организации, как показано на скриншоте ниже.
  • Сверху нажмите на кнопку "Метки" и левой кнопкой мыши выберете необходимое место карты.
  • Появится значок, который будет отмечать нужное место, а в левой части окна вы увидите список добавленных объектов. Конструктор дает возможность не только разобраться, как поставить метку на карте "Яндекс", но и поможет ее отредактировать по своему вкусу.

  • При выборе места, в меню слева откроется интерактивное диалоговое окно, в котором можно вписать данные об организации, выбрать цвет и тип иконки, а также пиктограмму, указывающую на направленность работы организации.
  • Нажав кнопку "Готово", вы сформируете метку на карте.

Чтобы понять, как поставить несколько меток на карте "Яндекс", просто нажмите еще раз на другой нужный адрес левой кнопкой мыши при выбранном пункте "Метки" сверху, и вы увидите, что другая метка также появилась. Ее можно редактировать аналогичным образом. Если метку требуется удалить, нужно выбрать ее в меню слева и нажать на соответствующую кнопку в диалоговом окне.

Как только редактирование завершено, нажмите "Сохранить и продолжить". В открывшемся окне можно задать необходимый размер для карты — его вы можете выбрать, исходя из требований сайта, на котором он будет расположен. Рекомендуется располагать метку в центре карты, а масштаб сделать такой, чтобы были видны названия близлежащих улиц. Так информация воспринимается гораздо лучше.

Как только получилось поставить на карте "Яндекс" метку по адресу расположения организации, можно выбрать более предпочтительный вариант размещения — динамический или статический. Первый гораздо удобнее, потому что предполагает возможность интерактивного взаимодействия пользователя с картой, а второй хорошо подойдет для случаев, когда требуется снизить нагрузку на сайт.

Получение кода для размещения

После того как вы смогли поставить метку на карте "Яндекс", можно приступать к размещению последней на сайте:

  1. Для этого необходимо получить код. Нажмите на соответствующую кнопку слева, откроется диалоговое окно.
  2. Данный код вставляется в нужное место на вашем сайте, и после обновления страницы интерактивная карта с расположенной на ней меткой, которая указывает на вашу организацию, начнет работать.

Обратите внимание, что в этом же окне можно выбрать вариант для распечатки карты на бумажном носителе, получить на нее активную ссылку, а также задать размер: фиксированный на ширину экрана. Если вы выбрали вариант для распечатывания, можно задать соответствующие параметры — формат, качество и размер. Сохранить файл рекомендуется на компьютере или на сервисе "Яндекс.Диск".

Вы можете в любой момент вернуться к редактированию полученной метки, нажав на кнопку в левом верхнем углу. Метки можно добавлять в любом количестве, перемещать, удалять и менять их оформление.

В заключение

Наличие на веб-странице интерактивной карты — хороший способ показать заботу о клиенте. Также ее можно использовать в любых других целях для собственного удобства. При помощи этой статьи вы смогли узнать, как поставить метку на карте "Яндекс", и в дальнейшем вы избежите проблем с указанием расположения вашей организации и схемы проезда к ней.

Время чтения: 8 минут(ы)


Вы пользуетесь Яндекс.Картами или Google.Maps когда нужно найти незнакомый адрес? Я да. Но, оказывается, они могут быть полезны не только для навигации, но и для получения дополнительного целевого трафика на ваш сайт. О возможностях карт для продвижения вашего бизнеса в интернете пойдет речь в этой статье.

Что такое карты?

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

Вот, например, как выглядит наш офис на Яндекс.Картах:

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

Плюсы Google и Яндекс карт

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

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


В случае отрицательного результата, нажмите «Добавить новую организацию» и перейдите к заполнению информации.


Яндекс.Карты предлагают два варианта размещения

Стандартное, оно же бесплатное:



И платное (приоритетное), когда ваша компания выделяется на карте специальной отметкой:



1. Платное размещение выделяется специальной меткой, занимает первые позиции в поиске по тематическим запросам и привлекает больше внимания пользователей.

2. Бесплатное размещение проще разместить. После заполнения информации о компании, она появится на Яндекс.Картах в течение трех дней, а на странице поисковой выдачи в течение недели.

Платное размещение необходимо заказывать. Необходимо указать дату начала показов, длительность размещения. Ввести контактные данные, отправить заполненную информацию на рассмотрение. Рекламное объявление проходит модерацию и должно соответствовать Правилам размещения рекламы на Яндексе. Оплата счета-оферты означает ваше согласие с Условиями размещения . Приоритетные показы начнутся после поступления средств на счет Яндекса и модерации рекламного объявления, но не ранее указанной вами даты начала показов.

Как добавить компанию на Google.Maps?

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



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


В поиске это будет выглядеть так:



Фотографии организации показываются в Яндекс.Картах. Чтобы увидеть фото, найдите организацию на карте и перейдите на ее карточку или страницу.


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


Это приложение для мгновенного обмена сообщениями. Hangsout связан с аккаунтом Google, который вы зарегистрировали в Google картах. Клиенты смогут писать вам в чат. Это очень удобно, когда надо ответить незамедлительно.


Подводные камни

Если неправильно настроить «карты», то у вас могут возникнуть проблемы:

1. «Левая» точка на карте. Иногда случается так, что из-за неправильных настроек на карте отображается ложная информация. Точка может совсем отсутствовать, находится не в том здании или не на той улице.

Совет: внимательно заполняйте информацию о компании. Дважды проверьте указанный адрес.

2. В Google картах, подтверждение адреса на карте – большая заморочка. Они утверждают, что подтвердить легко: звонком или письмом. На самом деле это не так. Звонок совершенно не поможет, только нервы «вымотает». А подтверждение письмом – это как ждать у моря погоды. Письма часто не доходят до адресата.

Совет: если письмо не дошло или вам долго отвечают, напишите в поддержку Google. В письме опишите свою проблему. В поддержке отвечают намного быстрее и шансы решить проблему увеличиваются.

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

Совет: в процессе общения с оператором несколько раз проверьте информацию о компании. Так меньше шанс, что оператор допустит ошибку.

Это достаточно простой в освоении инструмент поможет вам привлечь новых покупателей и еще немного продвинуться в развитии своего проекта. Главное не бойтесь осваивать новое.

Видео с нашего канала о том, как ставить точку на карты Google


Успехов Вам!
Спасибо, что дочитали до конца и до новых встреч!

Больше полезных материалов

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

В этой статье мы расскажем для чего и как вставить карту Яндекса на сайт.

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

Для чего нужна карта на сайте?

Вы, возможно, улыбнетесь, прочитав этот, казалось бы, риторический вопрос. "Карта нужна, чтобы посетители знали, где мы находимся", - это простой ответ слишком прост для понимания роли карты особенно для коммерческого сайта. Вот некоторые важные аспекты наличия карты на сайте:

  • Обратите особое внимание: наличие карты в значительной степени повышает степень доверия к вашей ресурсу. Визуальное отображение месторасположения компании, офиса, магазина, подсознательно раскрепощает потенциального клиента (избавляет от опасений, вроде: "а вдруг обманут и исчезнут?"), а значит увеличивает вероятность того, что посетитель сайта станет реальным вашим клиентом.
  • Наличие интерактивной карты (в отличие от карты-изображения) позволяет пользователю лучше сориентироваться на местности, посмотреть ближайшее метро, автомобилистам - проверить маршрут на дальних подступах к объекту. Кроме того, интерактивная карта позволяет посмотреть на местность из космоса.
  • Ну, и конечно же, карта на сайте нужна для того, чтобы посетители и клиенты сайта знали месторасположение вашего магазина, офиса, склада.

Как вставить карту Яндекса на сайт (пошаговая инструкция)

Следует воспользоваться конструктором API Яндекс.Карт .

В этой статье мы приводим примерную пошаговую инструкцию, которая, как мы надеемся, поможет вставить карту Яндекс на ваш сайт:

Шаг 1. Начальная настройка Яндекс карты для сайта:

  • Откройте страницу конструктора Яндекс.Карт для сайта .
  • Найдите на карте необходимое географическое место по адресу или вручную (с помощью масштабирования ползунком и перемещения карты мышью).
  • Выберите удобный для работы масштаб. Окончательный масштаб лучше установить в конце работы. Рисовать будем метки на карте, линии (подъездные пути) и контуры зданий или территорий.
  • Укажите в соответствующем поле название будущей карте.
  • Перейдем к инструментарию сервиса: кнопки для рисования точек (меток на карте), линий, многоугольников (контуров) и размеров карты.

Шаг 2. Рисование на карте точек (меток):

  • Кликаем по кнопке рисования точек.
  • Ставим метку (точку) в нужном нам месте. Например, на здании вашего офиса. Карта для сайта от Яндекса позволяет вставить не одну, а несколько меток (к примеру, если у вас несколько магазинов, складов или офисов).
  • Переходим к настройке свойств установленной метки (вставка текста, выбор цвета и т.п.).

Шаг 3. Настройка свойств установленной на карте метки:

  • Кликаем непосредственно по нарисованной нами метке.
  • В открывшемся окошке выбираем нужные нам свойства (цвет, номер метки на карте), пишем по желанию текст (в последствии текст будет виден пользователю при клике по метке).
  • Любую метку можно удалить в соответствующем окошке свойств.
  • Итак мы вставили на Яндекс-карте для сайта метку вашего офиса, настроили её свойства, теперь переходим к рисованию линий. К примеру, линии подъездного пути к офису.

Шаг 4. Рисование линий на карте:

  • Кликаем по кнопке рисования линий.
  • Кликая по карте, мы получаем ломаную линию любой траектории. Ею можно оконтурить любой обект или прочертить маршрут подъезда к объекту.
  • Передвигая квадратные и круглые маркеры, можно редактировать форму линии.
  • По аналогии с метками, если кликнуть по линии, появится окно свойств, в котором можно установить цвет, толщину, прозрачность линии, а так же внести текст, который будет показываться пользователю.
  • Переходим теперь к рисованию многоугольников.

Шаг 5. Рисование многоугольников, заполненных цветом контуров:

  • Кликаем по кнопке рисования многоугольников.
  • В отличии от линий, которыми можно так же очертить любой многоугольник, данные многоугольники являются контурами с залитой цветом серединой.
  • Кликая мышкой по карте можно нарисовать любой заполненный многоугольник. Методика рисования, редактирования и установка свойств аналогична методике рисования линий.
  • Переходим теперь к изменению размеров карты.

Шаг 6. Изменение размеров карты для сайта:

  • Кликаем по кнопке изменения размеров.
  • Перемещая квадратные маркеры по контуру карты, можно изменить размер до необходимого. Всё просто.
  • Переходим к финалу создания карты.

Шаг 7. Получение кода карты для сайта (Яндекс):

  • Придаем карте окончательный вид, установив финальный масштаб карты и окончательную позицию (координаты).
  • На этом этапе создание карты для сайта (Яндекс) можно считать законченным. Нажимаем на большую желтую кнопку "Сохранить и получить код".
  • Даже после сохранения карты всегда можно вернуться к редактированию.
  • Обратите внимание на то, что карта может быть не только схемой, но и фотоснимком из космоса, гибридом или элементом "Народной карты".
  • Кроме того, вы вольны сделать карту интерактивной или простым изображением. Интерактивная карта интересней, функциональней, но может загружаться дольше простого изображения. Выбор за вами.
  • Вставить карту Яндекса на сайт можно, разместив html-код карты в нужном вам месте страницы.

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

Создание карты для сайта от Яндекса - это нетрудоемкое, не требующее специальных знаний и навыков действие на фоне куда более сложных проблем сайтостроительства. Если при создании вашего сайта вы столкнулись с более серьёзными трудностями, обращайтесь к нам. Мы постараемся решить ваши проблемы!

Если вам понравилась наша инструкция, можете порекомендовать её своим друзьям и знакомым. "Социальные кнопки" находятся справа. Такова наша маленькая корысть .

С 1 октября 2012г. мы ввели в эксплуатацию новейший уникальный сервис в Интернете – показ списка адресов на карте.

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

Воспользоваться этим сервисом исключительно просто.

Нужно сформировать файл с адресами следующим образом:

Адрес – адрес подряд в произвольной форме, например - Санкт-Петербург, Невский пр. д.155 корпус 3, или Невский 155/3

Адрес должен быть записан обязательно в первом столбце и обязательно в ОДНОМ столбце целиком. Если у вас адрес в нескольких столбцах – нужно просто слить их в один.

Название точки (имя точки) – если его не будет, то система ставит порядковый номер точки.

Описание – любой текст – описание точки, оно переносится в описание точки на карте.

Пример заполнения таблицы:


Вся сила, мощь и преимущество нового сервиса состоит в том, что таких адресов может быть очень много. Система обрабатывает все адреса и показывает вам процесс привязки адресов к карте.

Совершенно очевидно, что объективно система не всегда сможет привязать адреса к карте. Иногда привязать адреса невозможно.

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

Ну и конечно, программа не сможет правильно привязать адрес, если он указан неверно, например «от ларька налево за углом».

А результаты привязки программа выдает в виде статистики.

Также программа выдает результирующий EXCEL файл, куда она добавляет два столбца с координатами (широта и долгота).

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

Эти коды привязки адреса – очень важный показатель. С помощью этих кодов вы можете выбрать только те адреса, которые наиболее правильно привязались с вашей точки зрения.

Например, если программа не нашла конкретный корпус, то она будет искать дом с таким же номером, но без корпуса. И если она найдет такой номер дома, то она выдаст соответствующий код привязки.

Выводы.

Данный механизм показа списка адресов на карте позволяет большие массивы (списки) адресов (например, из файла EXCEL) размещать и показывать на карте, при этом выводя все координаты привязанных точек в результирующий.

Механизм уникален, т.к. в Интернете нет подобного механизма по удобству и по возможностям обработки сразу больших массивов адресов из файла.

Механизм весьма востребован, т.к. мы неоднократно встречали в Интернете запросы на такой механизм – показать именно большой список адресов на карте.

Механизм имеет неоспоримое преимущество перед google и yandex – потому, что может сразу обрабатывать целые списки адресов, а google и yandex обрабатывают по одному адресу или требуют писать отдельную программу, с использованием своего интерфейса.

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

Этот сервис можно искать по различным ключевым словам, например:

все адреса на карте;

список адресов на карте;

интернет сервис размещения на карте большого количества адресов точек;

отметить много адресов точек на карте;

отметить адреса на карте;

Санкт-Петербург Москва карта импорт адресов Excel;

показать адреса из базы на карте;

показать адреса из файла на карте;

поиск с указанием нескольких адресов на карте;

поиск с указанием многих адресов на карте;

множественный поиск адресов на карте;

одновременный поиск нескольких адресов на карте;

привязать много адресов к карте;

показать много адресов на карте;

показать много адресов из файла на карте.

Код статуса – трехзначное число, где:
Первая цифра (сотни): статус привязки к населенному пункту
Вторая цифра (десятки): статус привязки к улице
Третья цифра (единицы): статус привязки к номеру корпуса.

Привязка к нас.пункту:
0 – норма, нас.пункт был найден в адресе и он правильный.
1 – населенный пункт отсутствует в адресе, потребовалось подставить нас.пункт по умолчанию (например, для карты спбло таким нас.пунктом является Санкт-Петербург).
2 – населенный пункт был найден в адресе, однако он оказался неправильным (т.е. остальная часть адреса ему не соответствовала), либо населенный пункт отсутствовал в адресе и подставленный вместо него нас.пункт по умолчанию тоже не подошел – потребовалось изменить населенный пункт на произвольный, но такой, чтобы нашлось соответствие.

Привязка к улице
0 – норма, название улицы в адресе точно совпало с названием в адресной базе.
1 – название совпало после перестановки слов в названии (например, вместо «Малая Конюшенная» было указано «Конюшенная Малая»).
2 – название совпало после того, как было подставлено слово слева (например, вместо «ул. Генерала Карбышева» было указано просто «ул. Карбышева»).
3 – название совпало после того, как было подставлено слово справа.
4-8 – зарезервировано
9 – нет улицы, то есть поиск велся только по региону, без привязки к улице и дому

Привязка к корпусу
0 – норма, корпус был найден в адресе и он правильный; либо корпус был не найден в адресе, и в адресной базе есть дом без корпуса
1 – указанного в адресе корпуса нет, была проведена замена.
2 – указанного в адресе дома нет, был найден ближайший по номеру дом той же четности (отличающийся не более чем на 10).
3-8 – зарезервировано
9 – нет дома, то есть поиск велся только по региону, без привязки к улице и дому

Новое на сайте

>

Самое популярное