Конструктор карт Яндекс: як розмістити карту на сайті – [Гайд 2020]

Конструктор Яндекс карт – це веб-сервіс, за допомогою якого можна створювати персоналізовані карти проїзду і окремих об’єктів.

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

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

Розробникам надається набагато більше можливостей, які описані в офіційній документації Яндекса.

Розглянемо, як створити власний маршрут і розмістити його на сайті.

Сьогодні така опція застосовується всіма фірмами і організаціями для інформування своєї аудиторії про точне місцезнаходження офісу, магазину, кафе чи іншого об’єкта.

Чому слід вибрати конструктор від Yandex?

Як відомо, карти Яндекса набагато краще адаптовані для країн СНД, ніж аналоги від Google або HereMaps.

Якщо ви опрацьовує всі об’єкти вулиць і хочете домогтися високої точності маршруту, слід працювати з цим конструктором.

Для чого потрібна інтерактивна карта?

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

Переваги конструктора Яндекс:

  • Актуальна інформація для користувача. Всі маршрути створюються з урахуванням останніх картографічних змін. З Yandex ви завжди будете в курсі нових будівель, дорожніх розгалужень, монументів, покажчиків та інших об’єктів;
  • Зручно для власників компаній і сайтів. Після імпорту карти на сайт всі оновлення застосовуються автоматично. Таким чином, користувачі ресурсу або клієнти завжди будуть в курсі, як швидше дістатися до обраного місця;
  • Підвищує рейтинг організації в інтернеті. Завжди сайти з проробленим дизайном і хорошим функціоналом викликають довіру у потенційних клієнтів. Згідно зі статистикою, більш високий рейтинг набирають організації з повністю заповненою інформацією про графік роботи, номери телефонів і з вбудованими картами маршрутів.

Навіть якщо у вас немає організації або сайту, конструктор можна використовувати для створення персоналізованих карт.

Вони стануть в нагоді в тривалій поїздці. На маршрут ви можете додати свої мітки, нагадування, покажчики, а також поділитися результатом зі своїми друзями.

типи карт

Веб-сервіс надає можливість створення відразу декількох типів карт:

  • статична. Найпростіший в створенні вид карт. Підсумковий результат – це картинка PNG. На статичні маршрути можна додати лише обмежену кількість предметів і об’єктів;
  • Друкована. Виконується у формі картинки з високою якістю. Її можна зберегти на свій ПК і відправити на друк;
  • Інтерактивна. Таку карту можна змінювати в режимі реального часу, а об’єкти на ній можуть пересуватися і змінюватися. Зручний варіант для тих, хто планує створювати маршрут, яким користуватимуться одночасно кілька людей. З його допомогою можна ділитися короткими повідомленнями і попередженнями. Також, інтерактивні карти можна додавати на інші сайти.

Зверніть увагу, тип карти вибирається вже на завершальному етапі її створення. Продумайте заздалегідь, який варіант вибрати. Якщо ви використовували багато дрібних покажчиків, стрілок і інших направляючої, краще зберігати інтерактивну карту або версію для друку. То чи не виникне складнощів з читанням маршруту.

Створення карти – інструкція

Перед початком створення карти потрібно зареєструватися в Яндексі або увійти в уже існуючий профайл.

Потім перейдіть за посиланням https://yandex.ua/map-constructor/ і ознайомтеся з базовими функціями сервісу. Натисніть «Продовжити»:

Конструктор можна використовувати в будь-яких ситуаціях. Наприклад, вам потрібно швидко прокласти маршрут до будинку або показати іншій людині, як дістатися до місця зустрічі.

Яндекс вибудовує найоптимальніші та швидкі схеми проїзду.

Якщо ви вибрали інтерактивну карту, в процесі їзди вона підкаже водієві, де знаходяться важливі дорожні знаки, ремонтні роботи, пробки та інші об’єкти.

Створену карту ви можете не тільки розмістити на своєму сайті або блозі, а й додати в мобільний додаток, відправити собі на смартфон, поділитися з контактами або зберегти в галерею як широкоформатне зображення.

Наступні дії, щоб за допомогою конструктора розробити свою персоналізовану карту:

  • У головному вікні сервісу натисніть на поле «Створити». Якщо раніше ви вже працювали з конструктором, сервіс запропонує вам повернутися до редагування проектів. Також, ви зможете їх видалити або скопіювати. Кнопка «До імпорту» дозволяє завантажити з комп’ютера або смартфона вже готову карту, на яку потрібно додати нові об’єкти або внести правки;

  • У лівій частині сервісу введіть назву нового проекту і його опис;
  • Далі ви можете імпортувати об’єкти на свою карту з пам’яті комп’ютера. Сайт підтримує завантаження файлів у форматі XLSX, CSV, KML, GPX або GeoJSON;
  • Якщо у вас немає об’єктів для імпорту, розмістити їх на карті можна самостійно. Досить в правій частині вікна вибрати масштаб зображення і почати роботу з конструктором. За допомогою панелі елементів ви можете додати на карту мітки, лінії, багатокутники, місця скупчення машин або працювати з шарами;
  • Щоб швидко перейти в карті потрібно місцевості, в текстовому полі пошуку введіть потрібну адресу, назву міста або організації.

Зверніть увагу! На сайті є кілька обмежень. Для однієї карти може бути використано не більше 10 0000 об’єктів. Також, не можна розміщувати інтерактивні покажчики в версії карт для друку або в статичному типі проекту.

Якщо сервіс виявить, що створюваний маршрут пов’язаний з іншим вашим проектом, він відобразить підказку, за допомогою якої ви зможете створити перетин двох шляхів або включити дані першого маршруту в інший.

Це значно спростить роботу по додаванню міток, покажчику і різних ліній.

Яндекс Інтернетометр – перевіряємо швидкість підключення до мережі

Яндекс.календар: як використовувати онлайн-сервіс для планування особистого часу

Як в Яндекс.Діск увійти на свою сторінку? Інструкції для всіх пристроїв

Як відключити сімейний фільтр в Яндексі: легко знімаємо всі заборони

Додавання карти на сайт

Після завершення створення маршруту ви можете вбудувати вийшла форму на сайт інтернет-магазину або будь-який інший організації.

Наступні дії:

  • У вікні збереження виберіть тип «Інтерактивна»;
  • Потім на мапі виділіть область, яка є основною. Визначення меж допоможе отримати більш якісне і збільшене превью карти на вашому сайті;

  • Далі задайте розмір об’єкта. Після виділення області на карті розмір буде виставлений автоматично, а якщо вам потрібна конкретна величина, вручну надрукуйте ширину і висоту. Також, можна розтягнути карту по ширині, що зручно для вбудовування на Лендінгем або односторінкові ресурси;
  • Натисніть кнопку «Отримати код»;

  • У правій частині вікна з’явиться поле з кодом для вбудовування. У вас є можливість вибрати один з двох варіантів розмітки – JavaScript або iframe, в залежності від особливостей сайту. Скопіюйте вміст текстового вікна;
  • Як додати об’єкт на свій сайт досить додати в код сторінки скопійований елемент. Якщо карта не відображається, рекомендуємо стерти кеш браузера.

Зауважте, код iframe має ряд обмежень. Серед них відсутність маленького масштабу, маршрут можна подивитися тільки в вигляді схеми.

Оновлені теги мови розмітки HTML не завжди адаптовані під iframe. Через це у користувачів можуть виникнути проблеми з роботою карти.

У вікні збереження карти доступна пряме посилання на результат роботи.

Її можна скопіювати і ділитися з іншими користувачами в соціальних мережах, поштою.

Навіть якщо людина не має аккаунта Яндекс, він все одно зможе побачити персоналізовану карту. Збільшити її та ознайомитися з усіма доданими на неї об’єктами.

Також на сайт можна вмонтувати статичну або друковану версію карти. У вікні збереження виберіть потрібний вам тип, задайте розмір та отримайте код, в якому прописана пряма посилання на зображення з маршрутом.

Тематичні відеоролики:

Ссылка на основную публикацию