Как поставить метку на яндекс карте и сохранить
Перейти к содержимому

Как поставить метку на яндекс карте и сохранить

  • автор:

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

Добавление метки одной строкой делается не так. Прочитайте документацию, там есть пример.

Либо вы задаёте переменную с параметрами метки (var placemark = new. ), и затем добавляете этот геообъект на карту (map.geoObjects.add(placemark)), либо добавляете объект сразу, передавая ему параметры точки:

map.geoObjects.add(new ymaps.Placemark([55.8, 37.72], < iconContent: "Узнать адрес", hintContent: "Перетащите метку и кликните, чтобы узнать адрес" >)) 

Отслеживать
ответ дан 20 янв 2021 в 9:28
2,594 1 1 золотой знак 5 5 серебряных знаков 14 14 бронзовых знаков
исправил как у тебя, карта вообще пропала
20 янв 2021 в 11:20

Проверьте свой код. Вы где-то ошиблись при манипуляциях. Код с единственной правкой по образцу выше прекрасно работает: jsfiddle.net/zt2ux5ey

Как сделать ссылку на метку Яндекс.Карт?

Есть Яндекс.Карта, построенная в Конструкторе, с метками филиалов фирмы. На сайте фирмы есть страница с этой картой, и отдельные страницы по филиалам — информация, контактные данные и т.д.. Как сделать простую html-ссылку на этих страницах, чтобы по ней открывалась карта с меткой этого филиала?

  • Вопрос задан более трёх лет назад
  • 1539 просмотров

Комментировать
Решения вопроса 1
Поставить одну метку:

https://yandex.ru/maps/?pt=30.335429,59.944869&z=18&l=map

Поставить несколько меток:

https://yandex.ru/maps/?ll=30.310182,59.951059&pt=30.335429,59.944869~30.34127,59.89173&z=12&l=map

Показать «Что здесь?»:

https://yandex.ru/maps/?whatshere[point]=37.444076,55.776788&whatshere[zoom]=17

Яндекс.Карта: как создать и добавить на сайт Яндекс карту (Конструктор Яндекс.Карт)

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

Для сайта интерактивная карта создается через конструктор Яндекс.Карт. Он формирует код, который вы вставите на свой сайт..

Перейдите в конструктор Яндекс.Карт. Нажмите на кнопку «Создать карту».

Кнопка «Создать карту»

Введите название карты. Описание вводит не обязательно.

Название и описание карты

Создание меток

Через метки на интерактивной карте Яндекса для сайта создаются офисы, магазины, склады и разные торговые точки организации.

Укажите адрес в поле «Адрес или объект».

Поле «Адрес или объект»

После этого Яндекс.Карта предложит точный адрес. Нажмите на него.

Выбор точного адреса Яндекс.Карт

Потом предложить создать метку по адресу. Нажмите на него.

Создания метки по адресу на Яндекс.Карте

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

Создания метки по адресу через кнопку на Яндекс.Карте

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

Информация о метке

Должно получится что-то вроде этого.

Пример метки Яндекс.Карт с информацией

Нажмите на кнопку «Готово», чтобы сохранить метку.

Кнопка сохранения информации метки в Яндекс.Картах

Вы увидите ее в списке меток.

Метка в списке меток Яндекс.Карты

Таким образом вы можете создать несколько меток на интерактивной карте Яндекса для сайта.

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

Теперь надо настроить внешний вид интерактивной карты Яндекса для сайта. С помощью кнопок приближения / отдаления и перемещая карту мышкой настройте подходящие под метки расположение карты.

Настройка расположения карты в конструкторе Яндекс.Карт

Нажмите на кнопку «Сохранить и продолжить».

Сохранение расположения карты

Настройте участок карты, который будет виден на сайте.

Выбор видимой области карты в Яндекс.Карте для сайта

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

  • Поле «Интерактивную карту»;
  • Поле «Растянуть по ширине экрана», чтобы карта адаптировалось под размер экрана компьютера;
  • Высоту на ваше усмотрение.

Настройка виджеда конструктора Яндекс.Карт для сайта

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

Получить код виджета Яндекс.Карт для сайта

Из появившегося окна скопируйте код.

Код виджета Яндекс.Карт для сайта

Вставьте его в подходящее поле на сайте. В ezCatalog CMS такое поле называется «Код отображения карты проезда». Оно находиться в разделе панели управления «Контактные данные сайта».

Конструктор карт Яндекса – еще один способ создать интерактивную карту

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

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

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

Как создать карту

Чтобы создать интерактивную карту, зайдите в конструктор (понадобится яндекс-почта), кликните на надпись «Создать карту» и добавьте объекты: метки, линии и многоугольники. Есть возможности кастомизации: меняйте тип и цвет объектов или дайте им название.

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

В конструктор можно добавить объекты из файлов KML, GPX, GeoJSON, CSV, XLSX. И наоборот, если вы поставили нужные точки в конструкторе, можно экспортировать их для использование в других программах.

Публикуем карту на сайте

Когда карта готова, нажимаем «Сохранить и продолжить». В появившемся окне нужно выбрать область отображения карты и формат.

  • Интерактивная карта – пользователи могут взаимодействовать с элементами карты: передвигать ее, менять масштаб, кликать на объекты и читать их описание.
  • Статическая карта – картинка в формате PNG для вашего сайта.
  • Печатная карта – выводит изображение в высоком разрешении для печати.

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

Еще больше информации – в справке по конструктору от Яндекса.

Материал подготовила Юлия Федорова

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *