Как сделать динамическую карту

DynMap

DynMap — это плагин для сервера под управлением Bukkit. Он нарисует карту вашего сервера Minecraft прямо в браузере, наподобие привычного Google Maps. Он очень прост в установке, так как веб-сервер встроенный в DynMap работает прямо из коробки, хотя всё также есть возможность интеграции карты с существующим сайтом на своем веб-сервере, например Apache. Гибкость DynMap позволяет рисовать ваш мир используя различные технология построения, тем самым поставив упор на быстродействие, либо наоборот на проработку высокой детализации.

В зависимости от ваших требований к DynMap, встроенные компоненты позволят вам добавлять/удалять ту или иную функциональность. Сейчас DynMap поставляется с такими компонентами, которые добавляют поддержку чата с воздушными шарами, переписку через веб + интеграция с HeroChat, а также отображение на карте регионов созданных в WorldGuard, Residence и Towny.

Содержание

Основные возможности [ править | править код ]

Установка [ править | править код ]

Распакуйте архив dynmap-*-bin.zip в папку «plugins». Если вы обновляете плагин, то согласитесь перезаписать все файлы.

Если у вас запущен отдельный веб-сервер (например Apache), то скопируйте файлы из «plugins/dynmap/web/» в корень «http-root». При следующем обновлении плагина, не забудьте обновить только что скопированные файлы на веб-сервер.

Первый запуск [ править | править код ]

После запуска на сервере CraftBukkit, вы можете проверить работу плагина в браузере по адресу http://ipсервера:8123/. В случае если вы запустили CraftBukkit на своём компьютере, то он откроется и по адресу http://localhost:8123/. На загруженной странице вы должны увидеть игроков, разумеется только тех, которые находятся в игре. Обратите внимание что карты ещё нет, поэтому фон будет чёрным.

Если вы хотите карту с высокой детализацией, то сейчас самый удачный момент сделать это. Просто включите (раскомментируйте) опцию deftemplatesuffix: hires в одной из верхних строк файла configuration.txt. Более подробную информацию об опции deftemplatesuffix вы найдёте в разделе о настройках плагина.

Часто задаваемые вопросы [ править | править код ]

Вопрос: Почему чат отображает вместо русских символов кракозябры?
Ответ: Обновите версию плагина, в новых версиях кириллица отображается корректно.

Вопрос: Как мне обеспечить доступ к карте для всех, если у меня нет своего веб-сервера?
Ответ: Просто откройте TCP порт № 8123 со своего сервера CraftBukkit, это позволит всем желающим зайти на DynMap. Для более высокой безопасности, всё же лучше использовать веб-сервер (например Nginx или Apache), который займется проксированием трафика DynMap.

В итоге должно получиться так:

В этом примере используются имена миров «world», «world_nether» и «world_the_end».

Вопрос: Как изменить отображаемые названия миров?
Ответ: Откройте файл plugins/dynmap/worlds.txt и в разделе описания мира, в поле title: напишите желаемое название мира. Пример правильной конфигурации:

Теперь все игроки скрыты. Что бы отобразить определённого игрока достаточно ввести команду /dynmap show ИмяИгрока

Вопрос: Как отключить облачки чата?
Ответ: Откройте файл plugins/dynmap/configuration.txt установите знак комментария # в начале следующих строк:

После изменений должно получится так:

Настройки плагина [ править | править код ]

Идём в конфиг configuration.txt находящийся в /plugins/dynmap Список некоторых параметров и их расшифровка:

renderinterval: используется для указания интервала обновления одного блока карты, который может быть изменён, например при воздействии на этот участок блока игроками. При задании слишком маленького значения, приведёт к чрезмерной нагрузке на сервер. По умолчанию, этот интервал равен 1-ой секунде. Большинство серверов могут работать с малыми значениями, вплоть до 0.2 секунд.

tiles-rendered-at-once: Сколько ядер юзать (по умолчанию 1\2 ядра)

hideores: true скрыть любые рудные блоки, вынуждая их отображаться как камень.

defaultzoom: настройка зума карты по умочанию

defaultworld: мир по умолчанию (по умолчанию world)

defaultmap: вид мира по умолчанию (по умолчанию flat)

sendhealth: отображать или нет здоровье игроков

hideifshadow: скрывать информацию об игроке, если значение уровня света установлена ниже 15 (0 = при полной темноте, 4 = под открытым ночным, 15 = при дневном свете)

Источник

SEO Маяк

Блог Виталия Кириллова | Все о создании,
продвижении сайтов и заработке в интернете

Создание и продвижение сайтов, заработок в интернете

Динамическая карта сайта XML с помощью плагина All in One SEO Pack

Всем привет! Сегодня на seo-mayak.com я расскажу, как сделать карту сайта в формате XML, с помощью плагина All in One SEO Pack. Прошу не путать с картой сайта для посетителей.

Всем хорошо известно, что после обновления, плагин All in One SEO Pack претерпел серьезные изменения. В него были добавлены дополнительные настройки, о которых я подробно писал тут.

Но кроме того, плагин обзавелся новыми модулями, такими как: XML Карта сайта, Соц. Мета и Быстродействие, а также в разработке находится еще один модуль, который называется File Editor (с англ.-файловый редактор).

Мне будет очень интересно узнать, что это за редактор и конечно я опишу его в своих будущих статьях, так что советую подписаться на обновления блога

Зачем нужна еще одна карта? Ведь файл sitemap.xml уже давно создан?

Так- то оно так! На блоге даже есть статья о плагине Google XML Sitemaps, который создает карту сайта для поисковиков и до недавнего момента, я использовал именно его.

Так зачем что-то менять? На это, как минимум есть две причины:

Причина №1. Избавление от еще одного плагина, что обязательно положительно скажется на скорости загрузки страниц.

Причина №2. Плагин All in One SEO Pack создает динамическую карту сайта. Что это такое динамическая карта, я расскажу чуть позже.

Стоит сказать, что плагин Все СЕО в Одном (это его русифицированное название), в отличии от других SEO плагинов, обновляется с завидной регулярность, пополняя свой арсенал разными дополнительными возможностями, что конечно делает его более привлекательным. Не зря он имеет такую высокую популярность среди веб-мастеров.

Ну ладно, хватит петь дифирамбы, пора приступать непосредственно к созданию XML карты сайта, с помощью плагина All in One SEO Pack. Поехали!

Как сделать карту сайта с помощью All in One SEO Pack

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

Если выбрать данный пункт меню, то мы попадем на страницу с дополнительными модулями. Если модули не активны, то они должны выглядеть так:

Давайте нажмем на кнопку «Activate» и активируем модуль «Карта сайта». После активации в меню плагина, что находиться на боковой панели админки, появится новый пункт «XML карта сайта»:

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

Настройка XML карты сайта

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

Внимание! Прежде, чем начать создавать новую XML карту сайта с помощью All in One SEO Pack, необходимо из корня сайта удалить файлы sitemap.xml и sitamap.xml.gz!

После вышеупомянутых действий, можно приступать к настройкам.

Первый раздел настроек, по которому мы пройдемся, выглядит так:

Давайте подробно разберем каждый пункт:

Префикс файла. Здесь нам надо вписать, ни что иное, как название файла. Конечно файл должен называться sitemap.

Уведомить Google. Ставим галочку и Гугл обязательно узнает о нашей новой XML карте. Но все же, после создания новой карты, не лишнем будет отдельно отослать файл sitemap.xml крупным поисковикам. Как это сделать, читайте здесь.

Уведомить Bing. Ставим галочку.

Включить Sitemap Indexes. Если активировать данный пункт меню, то карта сайта будет разбита на 2 или больше файлов.

Внимание! Ни в коем случаи не ставьте галочку рядом с пунктом «Включить Sitemap Indexes»! Данную опцию надо использовать только в том случаи, если на ресурсе более 50000 тысяч URL адресов!

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

Таксономии. Надо понимать, что в файле sitemap.xml содержаться URL адреса страниц сайта. ЕслиВаш файл robots.txt разрешает индексацию рубрик или меток, то тогда ставьте галочки, но советую не забывать про полные и частичные дубли страниц.

Включить архивы за день. Во избежание дублирования страниц, данную опцию активировать не стоит.

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

Создать сжатую версию карты. Очень важный пункт. Помните, когда мы создавали карту сайта, с помощью плагина Google XML Sitemap, специально создавали и закидывали в корень сайта архив под названием sitemap.xml.gz, а потом еще прописывали путь до него в файле robots.txt?

Так вот, активировав данную опцию, мы дадим команду плагину All in One SEO Pack создать точно такой же архив, с точно таким же названием, но его мне уже не найдем среди файлов сайта. Почему? Наберитесь терпения и читайте дальше.

Ссылка на карту из robots.txt. Как раз об этом я писал выше. Ставим галочку.

Внимание! Если Вы ранее в robots.txt уже прописывали пути до файлов sitemap.xml и sitemap.xml.gz — это не беда. Активировав опцию «Ссылка на карту из robots.txt» в самом файле robots.txt нечего редактировать не надо!

Дело в том, что WordPress предусмотрена функция создания динамического robots.txt и именно в туда будут добавлены данные ссылки.

Динамическая карта сайта. Именно об этом преимуществе над другими XML картами, я писал в начале статьи. После создания XML карты с помощью плагина All in One SEO Pack, визуально вы уже не сможете обнаружить sitemap.xml и sitemap.xml.gz среди других файлов.

Как это так? Да потому, что на самом деле они не будут существовать в привычном для нас виде. Плагин будет их автоматически генерировать каждый раз, как только поступит соответствующее обращение. Непонятно? Давайте попробую объяснить по-другому.

Робот, зайдя на сайт, в первую очередь ищет файл robots.txt. Но как он его ищет? Робот делает соответствующий запрос системе, например:

И система «без разговоров» показывает ему требуемый файл. Робот, в ходе ознакомления с содержимым файла, натыкается на ссылку, ведущую к sitemap.xml.

Что происходит, когда мы кликаем на любую ссылку? Правильно! Мы отправляем запрос системе, открыть ту или иную страницу, которая расположена по указанному адресу (URL).

Так вот, робот тоже по-своему «кликает» по ссылке и в этот момент…

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

Просто «супер» и громоздкие карты, устаревших плагинов, просто рядом не стоят! Технологии идут вперед!

Дополнительные страницы

Следующий блок настроек выглядит так:

Данные раздел настроек предназначен для добавления в карту сайта страниц, которые небыли сгенерированы CMS WordPress. Например, такой страницей может являться форма обратной связи, которая за частую расположена в отдельном файле.

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

Кстати формат даты надо указывать именно так, как показано на скриншоте.

Переходим к следующему блоку настроек.

Исключенные объекты

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

Внимание! Не стоит исключать рубрики. Тем самым Вы удалите из карты сайта все статьи, расположенные в выбранных рубриках.

Исключенные страницы. На сайте всегда найдутся страницы, которые желательно не показывать роботу. К таким могут относится страницы с благодарностью за первый комментарий или другие страницы скрытые от глаз пользователей.

Чтобы исключить такие страницы из карты сайта, надо определить ID страниц и вписать их через запитую, как показано на скриншоте.

Приоритет

Здесь расставляем приоритеты, исходя из соображений значимости страниц. Т.е, если у Вас коммерческий сайт, то больший приоритет надо конечно ставить для главной страницы, но для блогов, как мне представляется, лучше будет распределить приоритеты поровну. Индексацию рубрик я запретил, метки тоже и поэтому я для пункта «Таксономии» поставил нули.

Частота

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

Давайте я переведу данный список на русский язык:

always — всегда.
hourly — ежечасно.
deily — ежедневно.
weekly — еженедельно.
monthly — ежемесячно.
yearly — ежегодно.
never — никогда.

На заметку! Настройки частоты посещений не являются обязательными для поисковых роботов и носят скорее рекомендательный характер.

Здесь надо исходить из того, насколько часто обновляется Ваш сайт. Если сайт обновляется каждый день, то возможно есть резон поставить интервал — deily.

К таким ресурсам можно отнести форумы, социальные сети, бесплатные хостинги и т.д.

Какие интервалы я выбрал для своего блога, хорошо видно на скриншоте.

Жмем на кнопку «Обновить карту сайта»:

И в верхней части данной страницы, появятся следующие сообщения:

А пройдя по ссылке «посмотреть карту» или набрав в браузере — Ваш домен/sitemap.xml, вы сможете лицезреть результат своей работы:

Кстати о результатах.

Внимание! Не лишнем будет глазами пробежаться по новенькой карте сайта и убедиться, что в ней прописаны только те URL адреса, которые Вы бы хотели видеть в поисковой выдаче.

Если вдруг в карту попали «левые» URL, то надо еще раз внимательно пройтись по настройкам и подкорректировать их. Затем вновь нажать кнопку «Создать карту».

В скором времени выйдет продолжение стати, где я опишу другие модули All in One SEO Pack. Не пропустите!

Внимание эксперимент!

У данного поста есть еще одна, скрытая цель. Не так давно, после публикации статьи — «Заголовки h1 — h6 и их влияние на продвижение«, я решил повести интересный эксперимент.

Для реализации задуманного, мне сначала пришлось установить дополнительный плагин, который называется Custom Post Templates.

Дело в том, что по умолчанию в WordPress нет функции добавления базовых шаблонов к записям. Такая функция предусмотрена только для страниц, категорий и тегов. Скрепя сердцем я добавил еще один плагин.

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

С уважением, Виталий Кириллов

Источник

Лучшие библиотеки и API JavaScript для создания карт

Сокращенный перевод статьи «Top JavaScript maps API and libraries».

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

Заранее подготовленные карты помогают людям найти физическое местоположение вашей компании, не тратя на это лишнее время.

Занимаясь разработкой приложений, вы неизбежно столкнетесь с необходимостью работы с картами. Какие инструменты использовать для этого? Платные или с открытым исходным кодом? Какие-то отдельные программы или веб-сервисы?

Google Maps это хорошее решение, но не единственное и не всегда подходящее. Например, «гуглокарты» не предоставляют таких возможностей кастомизации, как добавление дополнительных виджетов для большей интерактивности ваших карт. Кроме того, вам могут понадобиться специальные карты для конкурсов, исследований, путешествий, походов и прочих целей. Вот почему вам могут пригодиться open-source решения.

Инструменты и библиотеки JavaScript для создания карт и работы с ними

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

Вы можете персонализировать карты, придав им желаемый стиль (некоторые из них можно видоизменять при помощи CSS) или нужную степень интерактивности.

Leafletjs

Сайт: https://leafletjs.com/
Звезд на GitHub: 25807, https://github.com/Leaflet/Leaflet/
Цена: бесплатно
Источник данных для карт: OpenStreetMap
Зависимости: нет
Лицензия: BSD 2-Clause “Simplified” License
Категория: библиотека
Examples/Demo/Gallery: https://leafletjs.com/examples.html

Leaflet это одна из лучших библиотек JavaScript для создания mobile-friendly интерактивных карт. Она относительно маленькая, но при этом имеет множество функций и плагинов, простой API и работает во всех браузерах и на всех платформах.

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

Leaflet поддерживается ведущими мировыми компаниями: GitHub, Flickr, Facebook, Etsy и многими другими. Поскольку это проект с открытым исходным кодом, члены сообщества могут стать контрибуторами репозитория проекта и сделать его еще лучше.

Кроме того, Leaflet имеет хорошую документацию, а это особенно хорошо для начинающих. Также в интернете можно найти множество примеров использования этой библиотеки, созданных сообществом — это пригодится в случае, если вы вдруг застрянете. Много примеров можно найти и на домашней странице проекта.

Openlayers

Сайт: https://openlayers.org/
Звезд на GitHub: 5517, https://github.com/openlayers/openlayers
Цена: бесплатно
Источник данных для карт: OpenStreetMap
Зависимости: нет
Лицензия: 2-Clause BSD
Категория: библиотека
Примеры: https://openlayers.org/en/latest/examples/

OpenLayers это высокопроизводительный JavaScript-фреймворк с открытым исходным кодом, предназначенный для создания интерактивных карт при помощи различных сервисов. Вы можете выбрать сервер, предоставляющий слой карты.

Этот продукт «из коробки» готов к работе в мобильных приложениях и подходит для использования на различных устройствах и в различных браузерах. Чтобы самостоятельно определить внешний вид карты, можно использовать CSS. Реализовать карту в вашем проекте вам поможет специальное руководство.

OpenLayers также подходит для рендеринга векторных данных из GeoJSON, TopoJSON, KML, GML и других географических форматов данных.

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

Mapbox

Mapbox это одно из самых продвинутых решений для создания карт на данное время. Эта платформа создана опытными разработчиками и для разработчиков. Она предоставляет простой в использовании набор инструментов для создания прекрасных карт как для веба, так и для мобильных приложений. Пользователи получают полный контроль над стилем карты (включая фон). Есть множество крутых дополнительных сервисов, таких как спутниковые изображения, геокодирование или направления.

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

Также платформа предлагает Mapbox Editor — онлайн-редактор, позволяющий пользователям быстро собирать карты с использованием собственных данных. Данные при этом можно импортировать из таблиц (файлы CSV), GeoJSON, KML или GPX.

Документация платформы хорошо спроектирована, ею легко пользоваться.

Google Maps API

Google Maps это безопасный выбор для каждого, начиная от неопытного веб-мастера и заканчивая опытным разработчиком. Этот проект существует уже достаточно долго и успел зарекомендовать себя в качестве лидера картографической индустрии. Можно добавить, что JavaScript API облегчает интеграцию Google Maps в любое приложение, сервис или сайт. Кроме того, пользователи WordPress могут найти множество плагинов для поддержки Google Maps на своем сайте (все они используют API для доставки конечного результата).

Datamaps

Сайт: https://datamaps.github.io/
Звезд на GitHub: 3245, https://github.com/markmarkoh/datamaps
Цена: бесплатно
Источник данных для карт: D3.js
Зависимости: D3.js и TopoJSON
Лицензия: MIT
Категория: библиотека
Примеры: https://datamaps.github.io/

DataMaps — интерактивные карты для визуализации данных, упакованные в простой файл JavaScript. Карты созданы на основе SVG, могут масштабироваться для любого размера экрана и очень зависят от D3.js. Поставляются готовые к использованию карты мира с обозначенными странами, карта США со штатами и комбинированная карта. Данные карт хранятся в виде JSON. Следуя их структуре, можно создавать пользовательские карты.

Jvectormap

jVectorMap это библиотека с открытым исходным кодом для создания интерактивных карт. Документации в обычном виде нет, но есть краткое руководство Getting Started, что тоже очень полезно.

JvectorMap использует только нативные браузерные технологии, такие как JavaScript, CSS, HTML, SVG или VML. Для работы не нужны ни Flash, ни любые другие проприетарные плагины браузеров. Благодаря этому jVectorMap работает во всех современных мобильных браузерах.

Bing Maps

Сайт: https://www.microsoft.com/en-us/maps/choose-your-bing-maps-api
Звезд на GitHub: –
Цена: бесплатно, пользовательский тариф (по запросу)
Источник данных для карт: Bing Maps
Зависимости: нет
Лицензия: Microsoft copyright
Категория: веб-приложение
Примеры: https://docs.microsoft.com/en-us/bingmaps/v8-web-control/index

Bing Maps от Microsoft это очень популярная картографическая платформа. Microsoft постоянно работает над добавлением нового функционала и различными улучшениями платформы.

Здесь есть прекрасный интерактивный набор инструментов разработки AJAX, предоставляющий примеры функций и сниппеты кода разработчикам, создающим приложения на JavaScript. Платформа Bing Maps предоставляет различные варианты API для приложений, включая Web Control, Windows Store apps control, WPF control, REST Services и Spatial Data Services.

Amcharts Map Chart

amMap это специальная картографическая библиотека JavaScript (HTML5), разработанная amCharts. Она не имеет внешних зависимостей и позволяет вам с легкостью создавать красивые фоновые, точечные и многие другие картограммы. Также эта библиотека поддерживает различные интерактивные функции.

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

Kartograph

Сайт: http://kartograph.org/
Звезд на GitHub: 1519, https://github.com/kartograph/kartograph.js
Цена: бесплатно
Источник данных для карт: Kartograph
Зависимости: Kartograph.py, Raphael и jQuery
Лицензия: AGPL и LGPL
Категория: фреймворк
Примеры: http://kartograph.org/showcase/

Kartograph это простой и легковесный фреймворк для генерации SVG-карт без участия любых других картографических сервисов. Kartograph.js это библиотека JavaScript для создания интерактивных карт на базе SVG-карт Kartograph. Библиотека построена на Raphael и jQuery.

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

Kartograph не лишен зависимостей (требует Raphael JS для рисования и jQuery). Благодаря документации библиотеки и справки по API (скомбинированным в одной статье) создавать интерактивные карты будет легко и приятно.

ArcGIS

ArcGIS API для JavaScript это легковесный способ встраивать карты в веб-приложения. Поставляется с большим количеством функций, примеров, упакованных виджетов и шаблонов.

Esri имеет очень хороший портал для разработчиков, продуманный и простой в использовании. Благодаря ему вы получаете доступ к ArcGIS APIs и SDKs, хорошую документацию, живые демки, примеры кода и многое другое.

Технология Esri используется в более чем 350 тыс. организаций по всему миру, из них больше двух третей это компании Fortune 500.

Zeemaps

ZeeMaps это картографический сервис корпоративного уровня, позволяющий вам с легкостью создавать и публиковать интерактивные карты, а также делиться ими. Вы можете конструировать динамические визуализации географической информации, создавая карты из вашего списка людей или мест. Например, вы можете создать карту мест, которые вы посещали, или карту адресов ваших клиентов (друзей, родственников). Все карты хранятся на их собственных серверах, а доступ к ним можно получить откуда угодно и в любое время, с любого стандартного веб-браузера на компьютере или мобильном устройстве.

Все дополнения к картам могут создаваться путем краудсорсинга. Это делает платформу очень удобной для использования группами людей. Среди отличительных особенностей создаваемых карт — сетки, значки, метки и пользовательские поля.

Этот инструмент предназначен для особого вида интерактивных карт: он позволяет вам создавать, публиковать и делиться картами для презентаций или геоанализа. ZeeMaps даст вам все те же функции, что и большинство других инструментов из нашего списка. Но помимо этого вы сможете брать входящие данные для карты из разных источников и устанавливать 3-уровневый доступ к картам.

Anymap от Anychart

AnyMap это одна из популярных JavaScript (HTML5) библиотек для создания диаграмм. С ее помощью вы сможете без особого труда создавать карты. Для ее работы не требуются сторонние библиотеки, такие как jQuery. AnyMap поддерживает все базовые типы карт.

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

Highmaps от Highcharts

Библиотека Highmaps это младшая сестра Highcharts и Highstock — популярных библиотек для создания диаграмм, разработанных норвежской компанией Highsoft. Основные преимущества этой библиотеки — открытый исходный код, легковесность, обеспечивающая высокую производительность рендеринга, и большое количество интерактивных функций.

Среди типов карт, поддерживаемых Highmaps, есть фоновые картограммы и пузырьковые карты. Также можно рисовать линии, чтобы изображать дорогу или реку. Однако карты-схемы создавать не так просто, как, например, с amMap или AnyMap.

Также стоит отметить, что ни Highcharts, ни Highmaps не могут работать без jQuery.

Из положительных свойств Highmaps стоит отметить то, что эта библиотека предоставляет готовые к использованию карты (SVG и GeoJSON). Документация довольно обширна и хорошо помогает быстро разобраться в настройках библиотеки.

Cesium

Сайт: https://cesiumjs.org/
Звезд на GitHub: 4941, https://github.com/AnalyticalGraphicsInc/cesium
Цена: бесплатно
Источник данных для карт: Cesium
Зависимости: нет
Лицензия: Apache License 2.0
Категория: библиотека
Примеры: https://cesiumjs.org/demos/

Cesium это картографическая библиотека JavaScript, работающая на базе WebGL. Поддерживает 3 режима просмотра: 3D-глобус, 2D-карту и 2.5D Columbus View. Работает на различных платформах и в разных браузерах (о совместимости беспокоиться не стоит).

Polymaps

Сайт: http://polymaps.org/
Звезд на GitHub: 1533, https://github.com/simplegeo/polymaps
Цена: бесплатно
Источник данных для карт: OSM, Bing
Зависимости: нет
Лицензия: SimpleGeo and Stamen copyright
Категория: библиотека
Примеры: http://polymaps.org/ex/

Polymaps это бесплатная библиотека JavaScript для создания динамических и интерактивных карт. В отличие от обычной картографии OpenStreetMap, CloudMade, Bing и пр., она работает с картами на основе изображений и векторов, предоставляя быстрый показ наборов данных в разном приближении. Поддерживает различные визуальные презентации.

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

Плюс использования SVG (масштабируемой векторной графики) для создания карт заключается в том, что многие параметры стилей, которые можно применять к веб-документам при помощи CSS, также будут работать в вашем дизайне карты.

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

Mapael

Сайт: https://www.vincentbroute.fr/mapael/
Звезд на GitHub: 922, https://github.com/neveldo/jQuery-Mapael
Цена: бесплатно
Источник данных для карт: Raphael.js
Зависимости: jQuery
Лицензия: MIT License
Категория: библиотека
Примеры: https://www.vincentbroute.fr/mapael/

jQuery Mapael позволяет создавать карты с отличной визуализацией данных, а также интерактивные карты. Можно, например, создать карту и назначить каждому региону какой-то цвет. Можно сделать обработку событий по клику или наведению мыши.

Карта создается с учетом SEO (предоставляется альтернативный контент для роботов поисковиков, неспособных исследовать контент, генерируемый JavaScript).

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

Заключение

Согласно Google Trends, самыми популярными инструментами для работы с картами являются Leaflet, Google Maps API и Mapbox. На графике видно, как отличаются (от лидеров) по запросам Bing Maps API и Openlayers, несмотря на то, что они тоже весьма популярны.

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

Источник