Как стать автором
Обновить
1.6
Рейтинг

Maps API *

API картографических сервисов

Сначала показывать
Порог рейтинга

Прикладная архитектура карт в вебе на React и Mapbox. 1 часть — технологический стек

JavaScript *OpenStreetMap *Canvas *Maps API *ReactJS *
Из песочницы

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

Читать далее
Всего голосов 12: ↑10 и ↓2 +8
Просмотры 2.3K
Комментарии 10

Новости

«Рабочие места» для цифровых кочевников: реализация фронтэнда

JavaScript *Анализ и проектирование систем *Maps API *Геоинформационные сервисы *Управление проектами *
Tutorial

Продолжение рассказа про разработку pet-проекта о кафе и коворкингах на солнечном Кипре. "Рабочие места" для цифровых кочевников ヽ(。_°)ノ

В первой части я рассказал про REST API микросервис, теперь - про фронтэнд-сайт.

Читать далее
Всего голосов 8: ↑7 и ↓1 +6
Просмотры 2.8K
Комментарии 0

Как сделать карту цен в Excel без макросов и VBA

Data Mining *Maps API *Визуализация данных *
⚒️ Cезон Data Mining
Tutorial

Считается, что Data Mining — это магическое снадобье из SQL, Python, Power BI и других волшебных компонент. Мало кто знает, что при правильном подходе с Data Mining может совладать офисный планктон с помощью одного лишь Excel.

Если вы абсолютно далеки от Data Mining, но хотите причаститься его таинств, это руководство в картинках по шагам сделано для вас. Особенно полезно тем, кто никогда бы даже не подумал сделать подобное самостоятельно.

Если вы владеете специальными инструментами для работы с данными, то будет интересно узнать ваше мнение о решениях без "рокет сайнс" (как о явлении в целом, так и о данном кейсе).

Читать далее
Всего голосов 25: ↑24 и ↓1 +23
Просмотры 7.8K
Комментарии 19

Картографический фотопроект «По местам съёмок фильма «Брат»

JavaScript *HTML *Maps API *Визуализация данных *DIY или Сделай сам

Идея создать проект «По местам съёмок фильма «Брат» пришла спонтанно, когда я собирался в поездку в Санкт-Петербург. Подумал о том, что я могу объединить профессиональные знания в картографии и своё почтительное отношение к фильму, тем более, что совсем недавно было 25 лет со дня выпуска фильма. Стандартные туристические маршруты надоели. Мне не нравится гулять там, где ходят толпы туристов, делая одни и те же фотографии.

Первый этап — это понимание того, где конкретно снят тот или иной фрагмент. Информацию искал в интернете, но многие точки были описаны очень неконкретно. Двор на такой-то улице или Морская набережная, 15Б, а по факту этот дом на 29 подъездов. Приходилось на месте искать точки съемки и делать фото, потом уточнять точки в геоинформационной программе на карте QGIS.

Читать далее
Всего голосов 93: ↑84 и ↓9 +75
Просмотры 11K
Комментарии 10

Всплывающие окна на флаттер карте или flutter_map_marker_popup

Maps API *Dart *Flutter *

#Введение#
Понадобилась мне как-то карта во флаттер-приложении. Гугл и яндекс карты использовать не хотелось и оставалось только воспользоваться OSM. Ну и понадобилось добавить всплывающее окно при нажатии на маркер положения на карте, нашел как это делать для гугла и яндекса, а для flutter_mup не сразу нашел. Но оказалось есть плагин flutter_map_marker_popup.

Читать далее
Всего голосов 5: ↑5 и ↓0 +5
Просмотры 892
Комментарии 1

Разработка системы indoor-позиционирования. И немного импортозамещения

Блог компании Sitronics Group IT-инфраструктура *Maps API *

Привет, Хабр! Я системный архитектор Sitronics Group. Сегодня хочу представить вам кейс разработки платформы indoor-позиционирования Sitronics Locus, а также непредвиденного импортозамещения. Программными методами нам удалось добиться точности позиционирования до 1 метра. Думаю, всем разработчикам схожих решений и сотрудникам IT-департаментов на опасных производствах и в промышленности будет интересно почитать.

В ходе работы над проектом не все пошло по плану: часть импортного оборудования стала недоступна в последние месяцы и его экстренно пришлось разрабатывать и производить самостоятельно. Об этом ниже в тексте.

Читать далее
Всего голосов 6: ↑6 и ↓0 +6
Просмотры 2.1K
Комментарии 3

Прагматичная разработка-2: фронтэнд

JavaScript *Анализ и проектирование систем *Maps API *Системы сборки *Управление проектами *
Tutorial

Продолжение разработки простого проекта про specialty-кофейни на Кипре.

В первой части я рассказал про API микросервис, теперь расскажу про фронтэнд-сайт и в финальной статье - про бота для Telegram.

Читать далее
Всего голосов 3: ↑3 и ↓0 +3
Просмотры 2.2K
Комментарии 2

Создаём кастомный маркер в react-yandex-maps через iconLayout: template

JavaScript *Maps API *ReactJS *TypeScript *
Из песочницы

Всем привет, не так давно ко мне в команду в ПРОФИ пришла задача реализации довольно комплексной в плане верстки и интерактивности карты, на которой бы отображались заказы, оставленные нашими клиентами. Мы решили использовать фреймворк, адаптирующий яндексовый SDK под реакт.

react-yandex-maps + доки к нему

UI маркеров почти полностью приходится настраивать по докам уже Яндекса, тк react-yandex-maps предоставляет нам только внешний интерфейс, позволяющий довольно удобно прокинуть параметры в объект маркера как пропсы.

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

Читать далее
Всего голосов 3: ↑2 и ↓1 +1
Просмотры 4.1K
Комментарии 0

Как один мужик карту города рисовал

Maps API *Геоинформационные сервисы *Визуализация данных *
Из песочницы

Всем привет!



Сегодня поговорим о визуализации геоданных с помощью GeoPandas и Kepler.gl. Хотел бы рассказать, как я за пару дней построил вот такую карту, где высота полигонов регулировалась этажностью здания, а цвет - годом постройки.

Читать далее
Всего голосов 64: ↑61 и ↓3 +58
Просмотры 11K
Комментарии 7

Работа над неразмеченными данными с QGIS и opentripmap на практике

Maps API *API *Big Data *Визуализация данных *Data Engineering *

В этом посте я хочу поделиться интересным опытом работы с неразмеченными данными при помощи открытого ресурса opentripmap.

Задача

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

Читать далее
Всего голосов 5: ↑5 и ↓0 +5
Просмотры 1.6K
Комментарии 5

Google Map API:CoderMap функции и возможности

Maps API *Google API *Google Cloud Platform *
Из песочницы

Google Maps API — это набор интерфейсов прикладного программирования, который позволяет клиенту взаимодействовать с интегрированными сервисами. Это дает возможность создавать простые приложения для более сложных программных решений на основе местоположения для Интернета, iOS и Android.

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

Читать далее
Всего голосов 13: ↑9 и ↓4 +5
Просмотры 3K
Комментарии 1

Объективная история на карте

Maps API *Геоинформационные сервисы *Управление сообществом *Социальные сети и сообщества Инфографика
Из песочницы

С детства обожаю рассматривать карты, особенно старые. Какие просторы! Сколько стран! Карта как холст картины, на котором воображение рисует то, как жили люди, как распространяли свое влияние и устанавливали власть. Еще карта ограничивает территории стран, причем делает это четко, категорически. И вот тут появляются сомнения, например: а существовали ли границы, как мы их определяем их сейчас, тысячу лет назад, еще раньше?

Читать далее
Всего голосов 9: ↑8 и ↓1 +7
Просмотры 3.5K
Комментарии 10

Как мы визуализировали большие данные на картах: трудности и особенности

Блог компании Lineate Разработка веб-сайтов *JavaScript *Maps API *Big Data *

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

В статье будет две части:

1. Теоретическая расскажет о визуализации данных на картах в принципе, о распространенных JS библиотеках для решения этой задачи и их основных возможностях. 

2. В практической рассказ пойдет о трудностях, с которыми мы столкнулись, и о путях их преодоления.

Наверняка вы видели сервисы, показывающие пробки на дорогах. Так вот, большинство примеров будет из одного похожего проекта, где мы показывали рейтинг опасности на дорогах: уклон, резкий поворот, туман, обледенение, аварии — всё это отображается на карте в режиме реального времени. Хотите знать, как? Прошу под кат.

Читать далее
Всего голосов 5: ↑5 и ↓0 +5
Просмотры 4.6K
Комментарии 4

Затачиваем маршрут GPS: несколько способов отфильтровать данные

Блог компании ATI.SU Алгоритмы *Maps API *C# *

Привет, меня зовут Сергей и я разработчик в команде мобильного бэкенда в компании ATI.SU. Не так давно в мою жизнь пришла задача. В ней нужно было принять координаты от приложения на Android и отобразить их на карте.

В разных приложениях мы каждый день видим красивые маршруты из разряда "где везут мою шаверму" или "как я пробежал по парку маршрут в виде котика", но если просто соединить линиями точки, которые приходят от телефона, то мы увидим что-то вдохновленное произведением Fatboy Slim - Ya Mama. Как превратить исходные данные в красивую картинку, разберемся в статье.

Читать далее
Всего голосов 10: ↑9 и ↓1 +8
Просмотры 4K
Комментарии 14

Истории

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

Open source *Python *Django *OpenStreetMap *Maps API *
Из песочницы
✏️ Технотекст 2021

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

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

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

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

Читать далее
Всего голосов 6: ↑6 и ↓0 +6
Просмотры 4.4K
Комментарии 9

Анализируем данные с помощью визуализации: рисуем поверх Google Maps

Блог компании Ozon Tech Python *Анализ и проектирование систем *Maps API *Визуализация данных *

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

Впереди меня ждала RnD-задача с исследованием картографических форматов, рисованием поверх Google Maps и реализацией скрипта на Python. Как я боролась с визуализацией картографических данных, расскажу в этой статье.

Читать далее
Всего голосов 20: ↑18 и ↓2 +16
Просмотры 6.4K
Комментарии 22

Сервис просмотра и редактирования библиотек геометок

Программирование *Maps API *Геоинформационные сервисы *Тестирование веб-сервисов *VueJS *

В 2018 решил освоить Vue.js, так, для общего развития, а как известно, лучший способ освоить язык/фреймворк/etc — начать писать. В голову пришла довольно простая идея, которая со временем выросла в довольно большой проект — онлайн сервис «Места», позволяющий создавать свои коллекции мест на карте, геометок, с подробной информацией о них. Собирать их в альбомы, сортировать в дереве папок, просматривать, редактировать, обмениваться с другими, открывать для просмотра другим пользователям сервиса. Привязывать к местам фотоальбомы, экспортировать свои библиотеки в файлы JSON и GPX (для навигаторов, например), импортировать в свои библиотеки места других людей.

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

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

Проект свободный (https://github.com/assador/places, сам действующий сервис пока здесь: http://places.scrofa-tridens.ru). Сейчас в планах помимо API Яндекс.Карт, которые отвечают, собственно, за карту, подключить и другие — OSM, 2ГИС и пр. Хочу добавить возможность добавлять к местам не только фото-, но и видео-, и аудиоальбомы. Развивать структуру прав и ролей пользователей, их связь друг с другом на сервисе, расшаривать библиотеки в соцсети и пр. Короче, для меня штука интересная.

Читать далее
Всего голосов 2: ↑2 и ↓0 +2
Просмотры 1.7K
Комментарии 6

Хранение инстанса карты mapbox-gl вне React

JavaScript *Maps API *ReactJS *TypeScript *
Tutorial

В этом посте будет рассмотрен способ использования mapbox-gl в React приложении, с хранением инстанса карты во вспомогательном объекте обертке. Это позволяет обращаться к карте из любой части приложения, без необходимости передавать ссылку на карту средствами React.

Читать далее
Рейтинг 0
Просмотры 1.6K
Комментарии 4

Как вывести рендеринг карт на сверхзвук и не…

C++ *Qt *OpenStreetMap *Maps API *
Из песочницы

В данной статье я расскажу как я делал тайлер на основе openstreetmaps на С++/Qt. Задача была написать картографический модуль приложению для поисково-спасательных отрядов, которые работают в условиях недоступного интернет соединения и возможно целые сутки, поэтому требования к картографическому модулю стояли следующие:

- работа в оффлайн режиме

- насколько это возможно быстрый рендеринг определённой области на карте

- высокая энергоэффективность загрузки и отображения тайлов на карте

Читать далее
Всего голосов 14: ↑12 и ↓2 +10
Просмотры 5.3K
Комментарии 22

Использование mapbox-gl в React и Next.js

JavaScript *Maps API *ReactJS *
Tutorial

В данной статье я хочу описать известные мне способы встраивания mapbox-gl в React приложение, на примере создания простого веб приложения содержащего карту на Next.js с использованием Typescript, код компонента карты можно также использовать в любом любом приложении на React

Читать далее
Рейтинг 0
Просмотры 5.3K
Комментарии 0

Вклад авторов