Конструктор карты

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

Создание карты

Для добавления карты к себе на сайт необходимо выполнить несколько действий:

  1. Воспользуйтесь конструктором карт на нашем сайте http://maps.visicom.ua для получения ссылки. Для этого на сайте в панели меню слева выберите «Дополнительно». В открывшемся подменю выберите пункт «Карта для сайта».

dynamic-map-img1-ru

  1. В открывшемся окне конструктора вы можете изменять следующие параметры карты:
  • Размер карты. Для изменения размера перетаскивайте черный квадрат, который находится в правом нижнем углу. Размер будущей карты отображается в верхнем левом углу.
  • Добавить ваши объекты на карту. При нажатии правой кнопкой мыши на карте выберите пункт «Добавить метку». Для каждой метки можно указать название. Установленную метку можно перетащить в другое место. Для удаления метки нажмите на ней правой кнопкой мыши и выберите пункт «Удалить метку».
  • Добавить построение маршрута на карте. При нажатии правой кнопкой мыши на карте выберите пункт «Включить маршрут». Маршрут работает только для динамической карты, поэтому при установленной «галочке» «Статическая карта» построение маршрута добавить невозможно. Для отключения построения маршрута нажмите правой кнопкой мыши на карте и выберите пункт «Выключить маршрут». Построение маршрута в браузере клиента будет выполняться в соответствии с правилами:
    • Если не установлено ни одной метки, то маршрут прокладывается между указанными при построении карты точками;
    • При наличии меток и включенной геолокации маршрут строится от местоположения пользователя до ближайшей метки;
    • При наличии меток и отключенной геолокации маршрут строится между указанными при построении карты точками.
  • Тип карты. Если установлена «галочка» «Статическая карта», то полученная ссылка будет указывать на изображение карты. Пользователь не сможет взаимодействовать с этим изображением (перетаскивать, увеличивать, уменьшать). На статической карте название меток не отображается, только номер метки.

Добавление карты на сайт

После установки всех необходимых параметров карты нажмите внизу кнопку «Копировать». Код ссылки будет скопирован в буфер обмена.

Для динамической карты вставьте скопированный код у себя на странице сайта, в место куда вы бы хотели добавить карту. Ниже приведен пример кода вашей страницы с добавленной динамической картой:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <body>
        <!-- Скопированный код -->
        <iframe src="https://maps.visicom.ua/iframe/ru/745:490/?c/30.45444:50.44657:11/m0/30.485:50.45313/n0/%D0%BC%D0%B5%D1%82%D0%BA%D0%B01/m1/30.47401:50.5191/n1/%D0%BC%D0%B5%D1%82%D0%BA%D0%B02/m2/30.51178:50.43258/n2/%D0%BC%D0%B5%D1%82%D0%BA%D0%B03/r0/30.46371:50.42383/r1/30.47539:50.5191/" width="745" height="490" scrolling="no" frameborder="0"></iframe>
        <!-- ----------------- -->
    </body>
</html>

Для статической карты вставьте скопированный код у себя на странице сайта в атрибут src тега img, в место куда бы вы бы хотели добавить карту. Ниже приведен пример кода вашей страницы с добавленной статической картой:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <body>
        <!-- Скопированный код ссылки в атрибут src тега img -->
        <img src="https://maps.visicom.ua/ru/image/planet3?z=12&c=30.55607,50.4527&s=800x500&style=base_ru&m1=30.49152,50.46515&m2=30.62336,50.46209&m3=30.59521,50.47848&m4=30.45994,50.4188&m5=30.46131,50.46319" />
        <!-- ----------------------------------------------- -->
    </body>
</html>