Достаточно уже написано о внедрении географической составляющей в разные сферы деятельности, в частности в СМИ и маркетинг. Поэтому крупные компании разрабатывают возможности для реализации этого запроса. Конструктор карт Яндекса позволяет создавать простые интерактивные карты и встраивать их на сайты. Это делает материал более интересным и полезным для читателя.
Интерфейс и инструменты
Тем, кто работал в десктопной версии Яндекс.Карт, будет легко разобраться с интерфейсом Конструктора. Как и в любой геоинформационной системе, есть возможность нанести точечные, линейные и полигональные объекты.
При создании каждого объекта будет всплывать окошко, в котором можно изменить цвет и прозрачность. Если это полигон, то можно настроить цвет и толщину контура.
Точечные объекты выражены метками, цвет и символ внутри которой можно изменить.
Во вкладке «слои» можно выбрать подложку: схема, спутник, гибрид. Также можно подключить данные о пробках на дорогах.
Подготовка к публикации
Когда все нужные объекты нанесены на карту, даём ей название, пишем описание и жмём «Сохранить и продолжить».
Создание интерактивной карты средствами PowerPoint
Здесь задаём размер и охват карты. Предоставляется выбор – интерактивная или статическая карта. Интерактивная карта позволяет перемещать и масштабировать охват, а нанесённые объекты откликаются на действия пользователя.
Жмём «Получить код карты», копируем его и вставляем в сайт. В блог на Дзене карта вставляется через функцию «добавить виджет». Открываете готовую карту, жмёте «Поделиться» и ссылку вставляете в строку, где добавляется виджет Яндекс.Карт.
А здесь можно посмотреть пример того, как карта Яндекса встроена на сайт информационного агентства, показывая читателям точки интереса.
Импорт и экспорт объектов
Если имеются объекты, с которыми вы работали в ГИС-программах, в форматах XLSX, CSV, KML, GPX или GeoJSON, то можно добавить их в Конструктор и он их распознает. При этом XLSX- и CSV-файлы должны быть заполнены по шаблонам, которые можно скачать в окне импорта.
Экспортировать нанесённые в Конструкторе объекты тоже можно в разных форматах, чтобы потом использовать эти данные в других настольных ГИС.
После экспорта данных из Конструктора в формате GeoJSON добавляем файл, например, в QGIS. Указанные объекты открываются тремя слоями: точечным, линейным и полигональным. Сколько бы объектов не было на карте Конструктора, но если у них единый тип геометрии, то они будут в одном слое.
Источник: dzen.ru
Создание пользовательских интерактивных карт
Окунитесь в это исчерпывающее руководство по созданию интерактивных карт, призванных обогатить ваш цифровой контент и предложить вашей аудитории увлекательный и захватывающий опыт. По мере того как мир становится все более взаимосвязанным и зависимым от данных, значение геопространственной визуализации продолжает расти. Пользовательские интерактивные карты позволяют предприятиям, исследователям и создателям контента преобразовывать сложные наборы данных в наглядную и понятную информацию.
Делаем интерактивную карту с помощью Google Maps
Как сделать интересную интерактивную карту для своего сайта?
Приветствую вас, друзья! Заходя в раздел «Контакты» на сайтах различных компаний, часто хочется не только прочитать адрес, но и посмотреть, где эта компания располагается на карте. Наглядное изображение помогает спланировать пути проезда, прикинуть расстояние до места назначения, посмотреть наличие парковки (актуально для автовладельцев).
Согласитесь, что наличие такой карты на самом сайте значительно ускоряет процесс изучения схемы проезда. В противном случае, когда она отсутствует, приходится использовать сторонние сервисы (например, приложение 2GIS).
А есть ли или планируется подобная схема на вашем веб-сайте? Если ваша деятельность связана с продажей товаров или оказанием услуг по конкретному адресу, то желательно в контактной информации не только указать его текстом, но и показать наглядно.
Для этих целей лучше всего воспользоваться интерактивной картой, которую вы без проблем можете создать самостоятельно. В данной статье я расскажу вам о том, как это сделать.
Преимущества интерактива
Интерактивная карта для сайта позволяет не просто просматривать схему местности, но и управлять ею:
- изменять масштаб,
- передвигаться по ней в любом направлении (хоть по всей России и миру),
- видеть информацию о различных объектах (заправки, парковки, магазины и т.д.).
Думаю, не нужно рассказывать вам о том, что такая визуализация создаёт дополнительные удобства для пользователя. Он может:
- составить план проезда до пункта назначения из любой другой точки;
- путём масштабирования понять, в каком районе и как далеко от него находится фирма;
- посмотреть ближайшие ориентиры.
Статическая схема не даёт таких возможностей, так как не позволяет выйти за свои границы.
Как создать интерактивную карту?
Если вы думаете, что для создания интерактивной карты вам нужно будет изучать HTML или PHP, то вы ошибаетесь. Благодаря специальным сервисам, этот процесс настолько упростился, что стал под силу любому пользователю Интернета. Попробуйте сами!
Есть два сервиса, которых вам за глаза хватит для создания красивой и удобной интерактивной схемы для своего сайта на WordPress, Joomla или иной системе управления – это Конструктор карт Яндекса и Google My Maps. Использовать что-то стороннее я не вижу смысла, так как Яндекс и Google предоставляют все необходимые инструменты.
Яндекс
Для создания интерактивной схемы от Яндекса вам потребуется перейти в сервис «Конструктор карт» . Для пользования сервисом нужно залогиниться под аккаунтом Яндекса. После входа нажмите на кнопку «Создать карту».
Введите искомый адрес в поисковой строке (сервис будет давать подсказки в виде выпадающего списка) и нажмите кнопку «Найти».
После добавления нужной точки вам нужно привести карту к тому виду, в каком она будет отображаться на сайте. Поначалу масштаб достаточно мелкий, поэтому целесообразно его увеличить — до такого вида, когда уже видно здание.
Введите название созданной карты (его будете видеть только вы), при желании добавьте подпись метки (она будет отображаться на создаваемой карте), настройте внешний вид метки, после чего нажмите «Сохранить и продолжить».
После этого выберите «Интерактивная», введите размеры в пикселях (можно указать «растянуть по ширине» — тогда карта будет автоматически подстраиваться под ширину веб-страницы) и нажмите «Получить код».
Сервис сгенерирует вам два вида кода – JavaScript и iframe. Вам останется лишь выбрать нужный, скопировать его и вставить в то место на вашем сайте, где вы хотите видеть карту. Рекомендую в большинстве случаев выбирать JavaScript код, так как iframe имеет некоторые ограничения и не всегда удобен.
Небольшое пояснение по вставке кода на сайты с CMS. Если вы хотите установить схему на страницу «Контакты», откройте эту страницу для редактирования, перейдите в режим HTML и в нужном месте, например, в самом конце, вставьте JavaScript код. Сохраните изменения и любуйтесь результатом.
Создание и установка интерактивной карты от Гугла происходит аналогичным образом.
Перейдите на сервис Google My Maps (предварительно залогинившись в аккаунте Google) и в строке поиска введите требуемый адрес.
Удобство здесь в том, что Google сразу масштабирует карту до того размера, когда видно здание. Если метка указана верно, то далее нажмите на кнопку «Поделиться».
В открывшемся окне перейдите на вкладку «Встраивание карт», выберите предустановленный размер (или задайте произвольный) и скопируйте сгенерированный код (Гугл предлагает только iframe).
Этот код вы можете разместить в любом месте на вашем сайте.
Какой сервис лучше?
Каким из двух сервисов пользоваться – решать только вам. Они различаются прежде всего внешним видом, а также наличием или отсутствием дополнительных функций.
К примеру, на карте Яндекса можно линиями нарисовать схему проезда. А Google грешит тем, что часто неправильно отображает различные объекты на карте.
Друзья, создавайте интерактивные схемы, устанавливайте их на свои сайты, повышая тем самым поведенческие факторы и упрощая пользователям процесс взаимодействия с вами (в этом вам также может помочь кнопка онлайн-консультанта). Надеюсь, инструкция, изложенная в данной статье, была понятной и полезной для вас.
Пользуетесь другим сервисом по созданию интерактивной карты? Расскажите о нём в комментариях. Думаю, другим читателям будет интересно.
Источник: on-www.ru