Как импортировать метки в maps me: Как мне синхронизировать метки на нескольких устройствах? – MAPS.ME

Эволюция рендеринга пробок в MAPS.ME / Блог компании Mail.ru Group / Хабр

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

Исходная задача

В самом начале пути мы поставили задачу научиться рисовать пробки очень быстро. Во-первых, «очень быстро» означало скорость появления. Пробки должны возникать на экране смартфона с минимальными задержками (в идеале — вообще без них), чтобы пользователь не ждал и, соответственно, не раздражался. Во-вторых, общая производительность рендеринга в приложении не должна серьёзно пострадать. В-третьих, нужно отображать пробки на второстепенных дорогах на таких уровнях масштаба, где наши конкуренты пробки уже не показывают.

Короче говоря, требовалось научиться быстро рисовать очень много дополнительных данных на мобильных устройствах. Благо наш графический движок проектировался с учетом рендеринга больших объёмов данных. Чтобы вы оценили рабочие объёмы нашего движка, приведу следующую статистику.

NB: измерения здесь и далее проводились на уровне зума с лучшей детализацией и наибольшей видимой областью карты (разрешение экрана 2732 × 2048, iPad Pro 12,9″).

На таких объёмах данных мы поддерживаем 30—60 FPS на целевом наборе устройств в режиме просмотра карты, и этот показатель важно было сохранить.

Прототип

Здесь следует упомянуть об исходных данных для пробок. В данном посте мы не будем говорить о формате передачи и сжатии. Примем за входные данные массив пар (сегмент дороги; цвет). Сегмент — это двухточечный прямой отрезок дороги + бит направления, необходимый для двунаправленных дорог. Кроме того, данные поступают к нам в таком виде, что мы всегда получаем полный список сегментов для всех дорог на карте. Ниже приведён пример входных данных для графического движка.

(P₁; P₂; правая сторона) — жёлтый
(P₁; P₂; левая сторона) — жёлтый
(P₂; P₃; правая сторона) — жёлтый
(P₂; P₃; левая сторона) — зелёный
(P₂; P₄; правая сторона) — красный

Как я уже когда-то писал, наш графический движок использует векторные данные и рендерит карту в реальном времени. С помощью батчинга мы минимизируем количество draw call’ов, что позволяет нам эффективно рендерить большие объёмы геометрических данных. Данные о пробках, к счастью, обладают хорошей однородностью и удачно вписываются в текущую систему батчинга.

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

Когда прототип заработал, мы увидели, что пробки действительно появлялись и рендерились очень быстро при условии, что прекеширование было завершено. Пробки появлялись даже быстрее, чем сама карта. Однако размер кеша нас неприятно удивил. Для Москвы на кеш пришлось потратить примерно 700 Мб оперативной памяти — примерно 10 миллионов полигонов. С одной стороны, мы были горды, что наш движок смог обработать такой объём данных на мобильном устройстве, с другой стороны — стало очевидно, что для production такое решение не годится.

Во втором прототипе мы стали решать задачу быстрого появления пробок без чрезмерного потребления оперативной памяти. Для этого мы «перевернули» кеш, поставив во главу угла не неизменяемые геометрические данные, а данные о цвете. Мы стали кешировать данные о цвете сегментов дорог, а геометрические данные формировали на лету для той области экрана, на которую в текущий момент смотрел пользователь. Кеш цветов при этом не являлся подготовленным для отправки в OpenGL буфером, он использовался исключительно для получения цветов заданных сегментов дорог. Итог: геометрические буферы пробок стали формироваться схожим с тайлами карты образом.

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

После профилирования мы выяснили, что генерация в реальном времени геометрических буферов для пробок выполняется слишком долго на тех уровнях масштаба, где включаются второстепенные дороги, но при этом видно довольно большой участок карты. Основной проблемой было то, что алгоритмически ускорить генерацию геометрии мы не могли. Бутылочным горлышком оказались функции OpenGL по передаче данных из памяти, управляемой CPU, в память под управлением GPU. Единственным выходом из данной ситуации было уменьшение объёма геометрических данных.

Реализация

Для уменьшения объёма геометрических данных мы выбрали широко известный в real-time рендеринге приём — использование уровней детализации (LOD — level of details). Если ширина пробки для дороги заданного класса на заданном уровне масштаба меньше установленного предела, то мы рисуем её как аппаратную линию (с использованием примитива GL_LINES). Геометрический буфер для аппаратной линии формировать всё равно необходимо, однако размер такого буфера существенно меньше.

У такого подхода два существенных недостатка:

1. Максимальная ширина аппаратной линии отличается на разных устройствах. Более того, на некоторых устройствах она может быть совсем маленькой (в худшем случае — один пиксель). В таком случае мы не можем использовать аппаратные линии для большинства пробок. К счастью, в большинстве своём эти устройства или устаревшие, или относятся к низшему ценовому сегменту, имеют экран низкого разрешения, а значит, и меньший объём отображаемых данных.
2. Аппаратные линии визуально не слишком привлекательны. На них хорошо проявляется алиасинг, а сочленений между сегментами нет. Поэтому нам пришлось использовать аппаратные линии там, где это менее всего заметно: на второстепенных дорогах.

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

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

Результаты

1. Память, потребляемая рендерингом пробок, находится в пределах 25—50 Мб. Этот показатель варьируется в зависимости от местности, качества маппинга дорог в OSM, количества данных о пробках.
2. Рендеринг пробок почти не влияет на время формирования кадра на целевом наборе устройств.
3. На наиболее нагруженных уровнях зума до 70 % пробок отображаются с использованием аппаратных линий. На крупном масштабе мы стараемся рисовать пробки с максимальным качеством.

В данном посте мы рассмотрели важную, но всего лишь внешнюю, видимую пользователю часть сложной системы предоставления информации о пробках. Чтобы наши пользователи получили её, потребовались усилия всей команды MAPS.ME. Мы много работали над минимизацией сетевого трафика, роутинг научился строить маршруты с учётом пробок, у нас появился первый серьёзный server-side.

Хочу напомнить, что клиентская часть MAPS.ME — opensource-продукт, она доступна в GitHub для всех желающих.

P. S. We are hiring! У нас открыто несколько интересных вакансий и в клиентской, и в серверной разработке. Если вам интересно то, чем мы занимаемся, присоединяйтесь, и вместе мы сделаем ещё больше крутых фич.

Как пользоваться MAPS.ME: описание, инструкция, возможности

В любом незнакомом городе человеку понадобится навигатор или хотя бы карта, так как не все являются специалистами в области спортивного ориентирования на местности. А в незнакомом городе найти нужную улицу или нужный дом не так то просто. Ситуация осложняется еще и в том случае, если это другая страна. Есть замечательный навигатор Navitel. Но он стоит очень дорого. Поэтому была придумана альтернатива — приложение MAPS.ME. Как пользоваться программой и для чего она вообще нужна? Об этом и поговорим.

Что такое MAPS.ME?

Итак, MAPS.ME — это приложение для просмотра карт в режиме оффлайн и прокладывания маршрута по незнакомой местности. Есть специальные версии для устройств на базе ОС «Андроид» и iOS. Главной «фишкой» приложения является то, что программа умеет демонстрировать карты и прокладывать маршруты в режиме оффлайн. Но это только при том условии, что нужные карты были заранее скачаны и сохранены на устройстве. Только тогда приложение сможет показать нужную карту. Но уже и это является достижением, так как львиная доля таких «псевдонавигаторов» от других разработчиков требуют обязательного наличия доступа к интернету. Но только не MAPS.ME. Как пользоваться этой программой? Об этом мы поговорим чуть позже. Сначала рассмотрим основные особенности приложения и опишем его функционал.

Функционал и возможности

Приложение MAPS.ME обладает довольно-таки богатым функционалом. Даже несмотря на то, что занимает очень мало места в памяти смартфона (естественно, без скачанных карт). Такова главная особенность MAPS.ME. Как пользоваться этой утилитой? Об этом мы поговорим чуть позже. А пока рассмотрим основные возможности приложения.

• Демонстрация карт в режиме оффлайн. Программа имеет огромную базу данных карт. Перед отправкой в путешествие пользователь может скачать нужные карты с серверов и далее использовать их без необходимости подключаться к интернету.
• Определение местоположения. Приложение умеет определять местоположение пользователя с точностью до нескольких метров. И соединение с интернетом не нужно. Используются навигационные возможности встроенного в смартфон GPS-модуля.
• Прокладывание маршрутов. Утилита легко справляется с прокладыванием маршрутов в незнакомых городах с целью добраться из точки А в точку В. Причем делает это она ничуть не хуже хваленого «Навитела». И опять же, интернет в этом случае не нужен.
• Поиск всего, что необходимо туристам. MAPS.ME умеет искать отели, транспорт, достопримечательности, кафе и другие вещи, которые жизненно необходимы путешественникам. Весьма удобно. Стоит отметить, что ни одно похожее приложение так не может.
• Закладки. Пользователь может сохранить понравившиеся объекты и их координаты в закладки. Для повторного посещения достаточно будет открыть закладку и проложить маршрут. Весьма удобно для повторного посещения достопримечательностей.

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

Скачивание и установка

Скачать приложение на аппаратах с ОС «Андроид» на борту можно из всем известного «Маркета». Оно абсолютно бесплатно. На айфонах скачивание производится из AppStore. Тоже совершенно бесплатно. О том, как пользоваться MAPS.ME на телефоне, мы тоже поговорим. Но сначала об установке. Разберем пример с аппаратами на ОС «Андроид».

1. Открываем «Плей Маркет» при помощи иконки на рабочем столе устройства.
2. В строке поиска набираем «maps.me» и жмем на иконку поиска.
3. В списке результатов выбираем нужное приложение и жмем на него.
4. Нажимаем кнопку «Установить».
5. Соглашаемся со всеми условиями установки.
6. Ждем завершения процесса.

Теперь MAPS.ME установлено на смартфоне. Найти его можно по значку на рабочем столе. Самое время перейти к работе с приложением. Здесь тоже не требуется никаких специальных навыков. Тем более что программа имеет полностью русифицированный интерфейс.

Первый запуск

Итак, приступим к ответу на вопрос о том, как пользоваться приложением MAPS.ME. Первым делом нужно запустить программу при помощи соответствующей иконки на рабочем столе смартфона. Во время первого запуска приложение запросит разрешения на автоматическое определение местоположения пользователя и устройства, доступ к личным данным и прочее. Нужно согласиться со всеми пунктами. Затем программа определит примерные координаты устройства и предложит скачать карты для данной местности. Есть два варианта скачивания: просто карты с объектами инфраструктуры местности или же карты с уже проложенными маршрутами (тоже с объектами инфраструктуры). Лучше всего выбрать второй вариант. Если речь идет о карте России, то она разбита на несколько частей (так как просторы страны огромны), и приложение скачает именно ту часть, которая актуальна на данный момент. После этого уже можно начинать полноценно пользоваться приложением.

Стоит отметить, что скорость скачивания (да и вообще передачи данных) намного выше, чем в тех же Google Maps. Уже через несколько минут пользователь получает полностью рабочее приложение MAPS.ME. Как пользоваться приложением в режиме оффлайн? Об этом и пойдет речь дальше.

Начало работы

Предположим, что приложение уже запущено и все необходимые компоненты скачаны. Что делать теперь? А ничего. Программа автоматически определит ваше местонахождение и выдаст соответствующие координаты. Просмотреть точную информацию можно будет с помощью увеличения карты с меткой координат пользователя. Так можно точно понять, на какой именно улице в данный момент вы находитесь и какие дома вас окружают. Если вы начнете движение, координаты будут меняться в режиме реального времени. Метка, обозначающая пользователя, тоже будет перемещаться. Именно так пользуются данным приложением. Это один из ответов на вопрос о том, как пользоваться MAPS.ME на айфоне. Версии для «Андроид» и iOS абсолютно идентичны. Так что никакой разницы нет.

Прокладывание маршрута

Помимо определения текущего местоположения пользователя, приложение умеет прокладывать наиболее удобные маршруты из точки А в точку В. Для этого нужно выбрать в главном окне опцию «Проложить маршрут». Затем нужно отметить маркером координаты пользователя на карте. Следующий шаг — проставить метку в пункте назначения. Теперь останется только нажать на изображение автомобиля. Через несколько минут программа предоставит возможный (и весьма удобный) маршрут к пункту назначения. Накладки иногда случаются, но они весьма редки. И это очередной ответ на вопрос о том, как пользоваться картами MAPS.ME.

Объекты инфраструктуры

Карты MAPS.ME имеют в своем составе специальные объекты инфраструктуры: магазины, бары, кафе, клубы, гостиницы, отели, хостелы, заправки, супермаркеты и прочее. Но это еще не все. Карты предоставляют также координаты достопримечательностей: храмы, памятники, интересные развалины и прочее. Именно поэтому MAPS.ME — отличное приложение для туристов. С его помощью можно не только найти ночлег или вкусно позавтракать, но и решить, какие достопримечательности конкретного города стоит посетить. Такого нет ни в одном известном приложении того же плана.

Отзывы о MAPS.ME

Итак, как пользоваться MAPS.ME без интернета, мы уже обсудили. Теперь стоит разобрать отзывы пользователей. Именно они могут дать точную картину работоспособности приложения в тех или иных условиях. Стоит сразу отметить, что практически все комментарии имеют исключительно положительный характер. Так, пользователи отмечают, что программа работает быстро и четко (при условии, что нужные карты были скачаны заранее). MAPS.ME очень быстро определяет местоположение пользователя с точностью до пары метров. Также многим юзерам понравилась возможность прокладывания кратчайших маршрутов. Но особенный восторг пользователей всего мира вызвал обширный список достопримечательностей и объектов инфраструктуры. Приложение MAPS.ME здорово облегчает жизнь туристам. И это факт неоспоримый. Каждый, кто любит путешествовать, обязательно должен иметь такую программу на своем мобильном устройстве. Это общий вердикт тех пользователей, которые уже успели установить себе данное приложение.

Заключение

Итак, мы рассмотрели замечательное приложение для навигации и поняли, как пользоваться MAPS.ME на телефоне. Общее мнение о программном продукте таково: это качественный продукт с богатым функционалом, который здорово выручит человека в незнакомом городе. Приложение превосходно работает в любых условиях и может использоваться как для навигации, так и для планирования маршрутов на день. Отличная бесплатная программа, способная подвинуть таких гигантов, как «Навител» и «Гугл Карты». В общем, приложение определенно достойное.

В Maps.me появились готовые маршруты по крупнейшим городам

9 апреля команда Maps.me запустила новую функцию: теперь в приложении можно скачать не только офлайн-карты, но и готовые маршруты по городам мира.

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

Сейчас доступны маршруты по 29 городам: это Шанхай, Сеул, Бангкок, Бордо, Лиссабон, Стамбул, Гонконг, Кейптаун, Майами, Анталья, Куала-Лумпур, Лос-Анджелес, Лондон, Москва, Пистоя, Гуанчжоу, Охрид, Рим, Париж, Паттайя, Макао, Портленд, Пхукет, Сингапур, Нью-Йорк, Тайбэй, Дубай, Мерида и Шэньчжэнь. Примечательно, что в большинстве городов вместе с Maps.me удастся погулять не только в центре, но и на окраинах.

Чтобы воспользоваться новой опцией, нужно загрузить маршрут в приложение с сайта Maps.me. После этого он отобразится в разделе «Метки».

«Мы стремимся сделать Maps.me универсальным источником информации для путешественников, – комментирует новинку руководитель проекта Maps.me Евгений Лисовский. – В идеале человеку в поездке вообще не нужно будет открывать поисковик – всю нужную информацию он найдет на наших картах. Запуск готовых маршрутов стал логичным шагом в реализации нашей стратегии – пользователям больше не нужно тратить время на самостоятельный поиск достопримечательностей и других интересных объектов, это за них уже сделали мы».

К слову, сервис Maps.me уже давно не только сервис про карты. С его помощью можно спланировать поездку на метро, вызвать такси, забронировать номер в гостинице и даже выбрать кафе по отзывам посетителей.

Фото by palasatka

Импорт содержимого на карту

Как импортировать новые местоположения

1. Создайте шаблон

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

Важно: чтобы сгенерировать шаблон из экспорта, вы должны сначала опубликовать свою карту, иначе экспорт вернет пустой файл. Чтобы опубликовать карту в первый раз, нажмите кнопку «Вставить / Поделиться» в верхней части редактора.

2. Добавьте свои данные в шаблон

Добавьте свои данные в шаблон. См. Ниже спецификации для каждого поля.

Порядок местоположений на карте и категорий будет соответствовать порядку местоположений в файле импорта.

Сохраните файл как CSV с помощью utf8

Важно: не меняйте имена полей импорта в заголовке шаблона. Импорт НЕ будет работать.

3. Импортируйте данные

Нажмите кнопку импорта и выберите файл CSV.

Порядок местоположений на карте и категорий будет соответствовать порядку местоположений в файле импорта.

Поля импорта

Следующие поля поддерживаются для импорта. Пожалуйста, внимательно проверьте каждое поле перед созданием файла импорта.

Поля	Тип	Описание	Формат	Диапазон	Примечание
mapmeId	необязательно	Id			Это поле используется ТОЛЬКО при обновлении существующих местоположений. Генерируется с помощью экспорта данных.
имя	требуется	Имя местоположения	текст до 128 символов
описание	необязательно	Описание местоположения	текст до 8192 символов		Может включать HTML. Мы рекомендуем не более 1000 символов.
категории	необязательно	Категория, присвоенная местоположению	текст до 128 символов для каждой категории		Чтобы выбрать несколько категорий, разделите их «;» войдите как в: категория1; категория2; категория3
адрес	необязательно	Адрес места	текст до 256 символов		Вы можете ввести адрес или широту / долготу. Если вы введете и широту, и долготу, они будут использоваться для размещения маркера
широта	необязательно	Долгота местоположения	число	-90 до 90
долгота	необязательно	Широта местоположения	номер	от -180 до 180
шаг	необязательно	3D-эффект вида местоположения	номер	0 до 60	0 : карта плоская 60: карта установлена ​​под углом 60 градусов
масштаб	необязательно	Масштаб изображения	номер	2 до 22	2: карта показывает весь мир 22: карта полностью увеличена в масштабе 3D-здания отображаются на уровне 15 и выше
подшипник	опционально	Угол обзора местоположения	число	от 0 до 360
actionText	необязательно	Текст кнопки действия	текст до 128 символов		Пример: Забронировать сейчас
actionUrl	необязательно	URL кнопки действия	URL до 1024 символов		Пример: https: // mywebsite. com Необходимо начать с https: //
imageUrl	необязательно	URL изображения	URL до 1024 символов		Пример: https://mywebsite.com/myimage.jpg Необходимо начать с https: //

Превратите свой список адресов в ярлыки

Avery Design & Print Online — это быстрый и простой способ создания персонализированных адресных этикеток.Вот как использовать функцию слияния писем, чтобы за считанные минуты превратить вашу электронную таблицу с именами и адресами в персонализированные ярлыки. Он незаменим для массовых рассылок, которые вы отправляете нескольким получателям! Если у вас еще нет электронной таблицы с именами и адресами ваших контактов, вы можете начать работу с нашими предварительно отформатированными файлами для Microsoft Excel или других программ баз данных.

Шаг 1. Перейдите на сайт Avery Design & Print Online

Откройте бесплатное программное обеспечение Avery Design & Print Online на сайте avery.com / print. Чтобы начать новый проект, введите свой номер продукта Avery и нажмите Enter на клавиатуре.

Шаг 2. Выберите свой дизайн

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

Шаг 3. Выберите текстовое поле и импортируйте данные

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

Шаг 4. Найдите свою таблицу

Найдите файл электронной таблицы на своем компьютере.

Шаг 5. Проверьте список

Снимите отметки со всех элементов, которые вы не хотите включать, например строки заголовка в вашей электронной таблице.

Шаг 6. Расположите поля

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

Шаг 7: Слияние!

Просмотрите инструкции по внесению изменений в формат вашего содержимого. Затем нажмите Готово.

Шаг 8. Последние штрихи форматирования

Внесенные вами изменения будут применены ко всем этикеткам, пока навигатор находится в режиме «Изменить все», поэтому сначала доработайте свой дизайн. Затем переключитесь на Edit One, если вам нужно изменить какие-либо отдельные метки, но после этого Edit All больше не будет применяться к этим меткам. Нажмите «Сохранить», а затем «Просмотр и печать».

Шаг 9. Выберите вариант печати

Выберите «Самостоятельная печать», чтобы печатать на собственном принтере. Выберите «Разрешить нам печать», чтобы наша профессиональная служба печати Avery WePrint распечатала для вас ваш проект и доставила его к вашей двери примерно за три рабочих дня.

Импорт данных в Google Мои карты

Google

для образования

• Учат
• Учиться
• Уроки
• Ресурсы

• help_outline
  • Центр помощи
  • Сообщить о проблемах
• Мои занятия
• account_circle
• Имя пользователя:
• Мой профайл
• выход

---

• Конфиденциальность • сроки
• войти в систему