Pull to refresh

Карты в браузере без сети: open source наносит ответный удар

Reading time14 min
Views41K
Как-то давно я писал о том как можно в вебе использовать карты без сети и пытался сделать это с помощью гугло карт. К сожалению условия использования запрещали модифицировать ресурсы, а написанный мною код работал только с localStorage, поэтому я решил перейти на светлую сторону силы, где код открыт, прост и понятен.
Читать дальше →
Total votes 61: ↑59 and ↓2+57
Comments21

Leaflet 1.x.x vs Openlayers 4.x.x. Часть 1. Исходный код

Reading time3 min
Views8.3K
Хочу поделиться опытом работы с данными JS-картографическими фреймворками, надеюсь материалы помогут сделать выбор в вопросе: какую библиотеку использовать именно в вашем проекте. Чтобы не утомлять, разобью его на несколько логических частей. Начнем с основного и исходного — кода.

Что у нас там на Github?
Total votes 10: ↑10 and ↓0+10
Comments16

Leaflet 1.x.x vs Openlayers 4.x.x. Часть 2. Как рисуются карты

Reading time3 min
Views7.3K
В прошлой статье обещал, что эта будет про сообщества и плагины, но потом решил, что правильней будет сначала рассказать о том, как в данных фреймворках рисуются карты. Начну с Openlayers, потом Leaflet, потом его плагины.

image
Читать дальше →
Total votes 6: ↑5 and ↓1+4
Comments6

Создание тайлов из растровых карт

Reading time6 min
Views4.7K
Как-то я озадачился вопросом создания карт, пригодных для использования в OsmAnd и OpenLayers. О ГИС я тогда вообще не имел ни малейшего понятия, поэтому разбирался со всем с нуля.

В статье расскажу о результатах своих «исследований», составим алгоритм преобразования произвольной растровой карты в тайлы, понятные для приложений и попутно познакомимся с такими понятиями как эллипсоид, датум, система координат, проекция.
Читать дальше →
Total votes 6: ↑6 and ↓0+6
Comments13

Создание тайлов из растровых карт (ч.2)

Reading time10 min
Views5.1K
В этой части статьи мы завершим наш алгоритм создания тайла, узнаем, как использовать полученные тайлы в OpenLayers и в OsmAnd. Попутно продолжим знакомство с ГИС и узнаем про картографические проекции, а также узнаем в чем заключается «привязка» растровой карты и зачем она нужна.
Читать дальше →
Total votes 3: ↑3 and ↓0+3
Comments0

Отображение объектов на картах в админке Django

Reading time5 min
Views7.4K

Бесплатная, с открытым исходным кодом библиотека DjangoAdminGeomap предназначена для отображения объектов на карте в админке Django.

Существует полноценный многофункциональный ГИС фреймворк GeoDjango. При его использовании в админке Django можно отображать объекты на карте. Однако GeoDjango имеет большой список зависимостей от различных библиотек и особенности установки этих библиотек на различных платформах.

Если вам требуется только отображение объектов на карте в админке Django, то можно использовать библиотеку DjangoAdminGeomap. У нее нет дополнительных требований к именам и типам данных полей в таблицах базы данных и отсутствуют зависимости при установке.

Для отображения картографических данных DjangoAdminGeomap использует JavaScript фреймворк OpenLayers. Источником картографических данных являются данные проекта OpenStreetMap.

Читать далее
Total votes 6: ↑6 and ↓0+6
Comments10

OpenLayers — способы загрузки данных

Reading time3 min
Views5.3K
Пишу новую статью в продолжение предыдущей, так как сразу же получил offline интересный вопрос, а почему собственно не использовать OpenLayers. Действительно, его использовать можно и действительно реализация гибридных картографических представлений еще более упрощается. В новой статье хочу описать несколько способов отображения данных с помощью OpenLayers. Итак, начнем.

Способы отображения пространственных данных с помощью OpenLayers

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

Читать дальше →
Total votes 6: ↑6 and ↓0+6
Comments4

OpenStreetMap News №8

Reading time2 min
Views3.7K
Читать дальше →
Total votes 69: ↑60 and ↓9+51
Comments68

Немного OSM и OpenLayers для корпоративных систем

Reading time8 min
Views41K
Привет Хабр, сегодня я расскажу немного про использование osm для предприятий и b2b.
А именно, как и зачем перейти от google maps api к osm, openlayers и счастью.
Читать дальше →
Total votes 23: ↑23 and ↓0+23
Comments12

OpenStreetMap переходит на Leaflet вместо OpenLayers

Reading time1 min
Views22K
Долгое время основной сайт OpenStreetMap использовал джаваскриптовую библиотеку OpenLayers в качестве средства для отображения географических карт на сайте с возможностью их увеличения, уменьшения и перетаскивания мышью, а также выбора «слоёв» (карт и меток).

Вчера (23 ноября) сайт OpenStreetMap перешёл к использованию библиотеки Leaflet, которая умеет всё то же сáмое, при этом отличаясь лучшей поддержкою мобильных устройств, и небольшим размером, и неплохим API.

Это светлый день для Владимира Агафонкина (Mourner), создателя Leaflet, и для всех тех, кто помогал этому проекту с открытым исходным кодом — присылал свой код, помогал идеями, тестировал.

Да и всем пользователям OpenStreetMap будет теперь поудобнее.
Total votes 97: ↑88 and ↓9+79
Comments50

MapFont, Использование шрифтов со значками в картографических сервисах

Reading time2 min
Views8.7K
Примерно полгода назад у меня возникла необходимость вставить на карту Google шрифтовую иконку из серии FontAwesome. По ходу работы существующих иконок стало недостаточно, и поэтому пришлось нарисовать некоторое количество своих значков. Позже я решил, что грех добру пропадать и, добавив еще некоторое количество символов, назвал свое поделие MapFont и выложил в сеть.

image
Читать дальше →
Total votes 13: ↑12 and ↓1+11
Comments15

Бесплатные векторные карты на своём хостинге

Level of difficultyMedium
Reading time6 min
Views14K

Векторные карты Protomaps на базе OSM

Каждый веб-разработчик знает о OpenStreetMap (OSM), свободной альтернативе Google Maps. Несмотря на всеобщую известность OSM, у некоторых всё-таки возникают вопросы: как сделать веб-карту с открытыми данными OSM, как самостоятельно публиковать карты?

На эту тему есть популярные руководства, в том числе по работе с базами PostGIS и запуску тайлсерверов для реализации бесшовных карт OSM. Но есть принципиально иной подход — векторные карты Protomaps, которые обеспечивают более высокое разрешение, настройку внешнего вида и наложение произвольных меток. Они изначально предполагают максимальную простоту в создании своих карт. А главное, что разместить тайлы можно на своём хостинге или в облаке.
Читать дальше →
Total votes 89: ↑86 and ↓3+83
Comments12