Меню

Как установить карту дубль гис на сайт

Конструктор карт. Инструкция

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

Что есть в конструкторе

Отметки. Указывают на конкретное место, адрес или компанию. Расставляйте точки вручную или привязывайте к конкретному адресу. Чтобы привязать точку к адресу, введите улицу и дом, название организации или объекта в поисковой строке.

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

Фигуры: квадраты, круги, многоугольники. Помогают выделить на карте небольшой участок или целый район.

Как добавить объекты на карту

Выберите отметку, линию или фигуру и поместите её в нужное место.

Цвет, толщина линии и другие свойства фигур настраиваются в левой панели.

Точкам, линиям и фигурам можно добавить описание — пользователи увидят его, когда кликнут на объект. Если знаете разметку Markdown и HTML, вставляйте в описания картинки.

Отметкам можно добавить подпись, которую всегда видно на карте.

Все отметки, линии и фигуры, которые вы нанесёте на карту, появятся в левой панели. Нажмите на объект в списке, чтобы выделить его на карте. И наоборот: выберите объект на карте, чтобы выделить в списке.

Если добавить объекту описание, оно появится в списке. Так проще отличить одну точку или фигуру от другой.

Площадные объекты могут накладываться друг на друга. Если кликнете по смежной области, то выберете тот объект, который находится на более высоком слое. Чтобы изменить приоритет объектов, перемещайте их в списке вверх и вниз.

Чтобы удалить объект, найдите его в списке и нажмите на крестик.

Как настроить размер карты

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

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

Нажмите на кнопку «Получить код» под картой, скопируйте код и вставьте на свою страничку. Если у сайта есть админка, которая поддерживает HTML, можно сделать это через неё. Если админки нет, добавьте карту прямо в код сайта.

Читайте также:  Как установить металлические жалюзи видео

Источник

Как вставить карту 2GIS на сайт

2gis – это современная интерактивная карта, которая включает в себя абсолютно бесплатный справочник организаций. На карте 2гис вы сможете найти информацию о любой компании в вашем городе, так как они постоянно обновляют, проверяют и пополняют свою базу организаций. 2gis объединяет 8 стран, 282 города, 9,5 тысячи населенных пунктов и почти 2 миллиона компаний! Цифры действительно впечатляют, и эта компания не останавливается в своем развитии.

Благодаря удобному и простому функционалу карт 2гис, число их пользователей постоянно возрастает. Поэтому настоятельно рекомендуем вам добавить информацию о своей компании в справочник 2gis.

Виджет карты 2gis показывает следующую информацию о вашей организации:

Полезной будет кнопка «Найти вход», особенно если в доме, где вы находитесь, несколько входных дверей: клиент будет знать, с какой стороны и куда ему заходить. А с помощью кнопок «Путь отсюда/сюда» ваши пользователи смогут проложить удобный маршрут на автомобиле или общественном транспорте.

Добавили свою организацию в справочник? Тогда рассмотрим на примере, как вставить карту 2gis на сайт.

Шаг 1. Получить код для установки карты 2gis на сайте

Чтобы установить интерактивную карту 2гис на свой сайт, для начала нужно получить ее html-код. Для этого зайдите в раздел API сайта 2GIS и нажмите кнопку «Создать виджет».

Затем выберите нужный город (2gis автоматически предложит населенный пункт, в котором вы находитесь), в окно ввода впишите название вашей организации.

Справочник предложит вам список организаций с похожим названием. Выберите вашу и нажмите кнопку «Далее».

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

Скопируйте предложенный код для установки карты 2gis на сайте.

Шаг 2. Как вставить код карты 2gis на сайт

Итак, код получен, осталось только разместить его на нужной странице сайта. Мы решили добавить карту в раздел «Контакты». Заходим в админку «Нубекса», на панели управления выбираем раздел «Страницы», находим в списке нужный раздел и нажмимаем «Редактировать».

Читайте также:  Как установить игру на планшет андроид с компьютера через usb

Работать будем с текстовым блоком. Нажимаем кнопку «Источник», чтобы перейти в режим редактирования кода. Вставляем в текстовое поле код, полученный на 2гис, и сохраняем изменения.

Заходим на страницу «Контакты» нашего сайта и радуемся обновлениям!

Карты на сайте – полезная вещь: вам не придется долго объяснять клиентам, как добраться до офиса, куда ехать и где свернуть. Также советуем вам ознакомиться с подобными сервисами от Google и Яндекс и выбрать тот, который устроит именно вас.

Источник

Добавляем 2GIS на свой сайт

На страницах блога я уже рассказывал об использовании API 2GIS для размещения карты и справочника на свой сайт.

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

Для этого разработчики API 2GIS придумали хорошее решение — виджет 2GIS mini.

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

Конференции и ярмарки — Места, где можно поесть, поспать и переночевать возле места проведения мероприятий.

Гостиницы — Для сайтов гостиниц и хостелов. Показываются нужные фирмы вокруг.

Новостройки — Для сайтов домов и новостроек — вся инфраструктура рядом.

Города — Все самые важные рубрики вашего города.

Транспорт — Вокзалы, аэропорты, грузоперевозки.

Развлечения — Места города, где можно поесть, отдохнуть и развлечься.

Автолюбителям — Всё важное для любого автомобилиста: СТО, заправки, шиномонтаж.

Культура — Все культурные заведения: от библиотек до театров.

Свой виджет — Возможность самостоятельно сформировать любой набор рубрик.

Например, мы хотим создать карту со справочником ближайших мест для конференции «MasterInfoBiz-2013», которая пройдет в Москве с 18 по 21 октября 2013 года в гостинице «Салют» по адресу Ленинский проспект, д. 158.

Выбираем категорию «Конференции и ярмарки»

На новой странице вводим адрес

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

Мы можем отцентрировать и масштабировать карту, изменить размер окна с картой.

Читайте также:  Как установить новую версию опера на ноутбук

Также возможно показывать или не показывать адрес в виджете 2GIS mini.

Нажимаем кнопку «Готово», слева от карты появляется список с категориями.

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

А можно изменить список со сферами деятельности, поменять цвет иконок и ссылок.

Я изменю цвет иконок и ссылок, аналогично основным стилям моего блога.

Щелкаем по ссылке «Изменить сферы деятельности».

Тогда мы получаем такой вид

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

Иконки я сделаю со значением цвета #696969, а ссылки — #62A6E4

Нажимаем кнопку «Готово», а затем «Получить код».

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

Снова нажимаем «Получить код» и копируем, полученный код в Блокнот или Notepad++.

Теперь нужно вставить его в Ваш сайт.

Покажу как это можно сделать для WordPress и Joomla.

Сначала для WordPress.

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

Я предлагаю сделать отдельный шаблон для нашей страницы.

Для этого находим папку с вашим шаблонов в каталоге /wp-content/themes/ блога.

В этой папке создаем, через FTP-клиент новый файл mypage.php.

В него добавляем следующий код:

Теперь нам нужно скопировать в него содержимое из файлов page.php или single.php Вашего шаблона и удалить код, который отвечает за вывод комментариев и по необходимости сайдбара.

Сохраняем файл mypage.php

Заходим в админку и создаем новую страницу.

В редакторе страницы в блоке «Атрибуты страницы», мы можем выбрать наш новый шаблон страницы.

Указываем заголовок страницы, нужную рубрику, теги и пр.

Сохраняем и просматриваем ее.

Для Joomla все намного проще.

Мы отключаем редактор в настройках Joomla.

Создаем новую страницу, вставляем наш код и сохраняем её.

Вот такой полезный инструмент для добавления справочника и карты 2GIS на Ваш сайт.

Вы также сможете удивить как подготовить виджет из ролика 2GIS

Конструктор виджетов: 2GIS mini на вашем сайте

Источник