Немного о красоте векторных карт — Разработка на vc.ru
Если после прочтения заголовка вы подумали о контурных картах или новых банковских карточках, то разочарую вас. Пост о возможностях и плюсах векторных карт городов.
6176 просмотров
Растр, «псевдо 3D» и вектор
Крупные сервисы предлагают API как растровых, так и векторных карт.
Самая простая растровая карта — изображение, на котором нельзя ничего кликнуть и узнать дополнительную информацию. Такая карта подойдёт для распечатывания на листовках или на сайтах и в сервисах, где не требуется интерактивность.
Ещё бывает «псевдо-вектор» — когда на сервере из 3D-графики рендерятся растровые картинки-тайлы, которые отправляются пользователю. Благодаря привязке к координатам и JS-cкриптам, на этой карте можно кликать на объекты, чтобы узнать дополнительную информацию. Но на таких картах нельзя изменить угол наклона, повернуть их, настроить плавные перелёты и красивую анимацию.
Но всё это и
И если карта входит в основные пользовательские сценарии сервиса, а красота и удобство играют важную роль — векторные карты подходят лучше растра.
Один из вариантов визуализации векторных карт лежит в технологии WebGL. Он сложнее в разработке, но его возможности в прямом смысле позволяют крутить карту, как захочется. WebGL использует ресурсы видеокарты и позволяет быстро рисовать трёхмерные объекты из JavaScript’a прямо в браузере. Из-за этого карта плавнее меняет масштаб, смещается и позволяет создавать объекты, которые можно рассмотреть со всех сторон.
Мы в 2ГИС начали переходить на вектор в 2015 году. Сначала выпустили навигацию по Этажам, а позже и весь 2gis.ru для десктопов перевели на вектор. Сейчас же, мы считаем наши векторные карты, предоставляемые по JS API, одними из самых детальных для России и СНГ.
Где использовать
Кроме очевидной красоты, WebGL решает в кейсах, когда необходимо вынести дополнительную информацию — пины, цены, POI, полигоны или полилинии. При их большом количестве WebGL работает заметно быстрее.
API позволяет использовать карту в вебе и в мобильных приложениях во всех городах 2ГИС. Например, мы делали 3D-аркаду для браузера — писали о ней на Хабре. Если же говорить о сферах бизнеса, то самое очевидное, где такая карта принесёт пользу — это доставки и логистические компании, банки и компании с большой филиальной сетью.
Одними из первых нашу карту встроил в приложение сервис «Самокат»:
Чтобы красота карты не была просто для красоты, мы добавили инструменты для решения бизнес-задач: расставлять, подписывать и кластеризовать пины, отрисовывать свою геометрию, строить маршруты и ещё много разного.
Подробнее о настройках внешнего вида. В векторных картах можно настраивать мельчайшие детали: грани здания сделать одним цветом, а сам объект залить другим.
В ближайшее время мы покажем веб-редактор стилей, в котором можно адаптировать карты под ваши сервисы: настраивать цветовые схемы, выставлять нужные акценты, добавлять свои POI и многое другое.
Если хотите первыми узнать о релизе редактора стилей карты — напишите на [email protected].
Pngtree PNG рисунок и векторы картинки
День святого валентина мультяшный торт с розовой каймой
с новым годом
Трудящиеся в день труда
segera daftarkan putera puteri анда
летающий человек с золотыми монетами
с новым годом простой стиль розовый постер
керамический красочный цветок
Золотая и синяя горячая распродажа тег формы векторное изображение
ваза с фиолетовым цветком
силуэт индонезийского орла
врач мужчина поднимает руку
alquran с цветами дизайн иллюстрации desain dengan bunga
Нерегулярный графический голографический стиль обложки креативный минималистский плакат
прозрачная скидка на специальное предложение большой распродажи с разной процентной скидкой
зеленый лист на горшке
итальянская граница с рождественской елкой
креативный футбольный флаг болгарии
Синий дизайн часов скачать бесплатно вектор
1 мая День труда: посадка деревьев
кадры полароид с зеленым экраном для вашего
темно синяя рамка с листьями и цветочной композицией
клипарт красная лента баннер элемент прозрачный фон
они маска
силуэт черной летящей птицы
дизайн значка камеры
жареный картофель с большой звездой
Первое изображение луны в темно синем публичном номере в китайском стиле на фестивале середины осени
греция флаг
Шаблоны по дням национального праздника Саудовской Аравии
перникахан джава пара индонезия вектор скачать бесплатно
страшный кошачий векторный дизайн
бумажный винтаж эстетичный
лента с золотым кругом и рамкой
это игра в шахматы в которую обычно играют два игрока и ферзь
Золотая роскошная мандала исламская и свадебная винтажная рамка
темное облако для значка дождя с затопляемой землей
мульти сложное здание прозрачное изображение
волны границы рамки волнистые абстрактные с прозрачным фоном вектор искусства
конструкция садовой кирки
хэллоуин конфеты кошка призрак
мужчины панджаби шаблон
хэллоуин мультфильм тыква
ручное изображение рабочего дня
с днем труда вектор баннер и футболка дизайн
розовые розы рамка вектор свадьба зеленые листья
январь 2023 плоский календарь hd картинки
желтая рамка дизайн часов бесплатный вектор скачать
Хэллоуин страшное квадратное лицо черно белое граффити
темное приглашение на рождественскую вечеринку
3d подиум
Визитки векторов скачать бесплатно графика
Визитки векторы скачать бесплатно новую коллекцию Расширенный поиск Заказать дизайн
[ Векторы ] визитки визитки шаблоны роскошь динамические геометрические кривые декор ( .
ai .eps 3.16MB )
All-free-download.com
[ Векторы ] шаблоны визитных карточек повторяющиеся волнистые кривые декор ( .ai .eps 2.31MB )
All-free-download.com
[ Векторы ] шаблон визитной карточки темный 3d стрелка дизайн бычья диаграмма логотип ( .ai .eps .svg 5.11MB )
All-free-download.com
[ Векторы ] шаблон визитной карточки динамический 3d текст эскиз логотипа медведя ( .ai .eps .svg 1.98MB )
All-free-download.com
[ Векторы ] шаблоны визиток морские элементы декора ( .
ai .eps 2.30MB )
All-free-download.com
[ Векторы ] визитная карточка шаблоны визитных карточек элегантный технологический дизайн ( .ai .eps 1.68MB )
All-free-download.com
[ Векторы ] шаблоны визитных карточек элегантный бык логотип стрелка декор ( .ai .eps .svg 2.79MB )
All-free-download.com
[ Векторы ] шаблоны визитных карточек темный низкополигональный эскиз быка ( .ai .eps .svg 3.92 МБ)
All-free-download.com
[ Векторы ] шаблон визитной карточки элегантные плоские стрелочные формы диаграммы эскиз ( .
ai .eps .svg 1.84MB )
All-free-download.com
[ Векторы ] визитная карточка визитная карточка контрастный технологический шаблон ( .ai .eps 1.50MB )
[ Векторы ] визитки визитки шаблоны элегантные динамические кривые декор ( .ai .eps 1.56MB )
All-free-download.com
[ Векторы ] шаблоны визитных карточек элегантный современный 3d бумажный бык графика логотип декор ( .ai .eps .svg 1.81MB )
All-free-download.com
[ Векторы ] шаблон визитной карточки простые стрелки диаграмма логотип декор ( .
All-free-download.com
[ Векторы ] шаблоны визитных карточек темный силуэт логотип буйвола декор ( .ai .eps .svg 1.93 МБ)
All-free-download.com
[ Векторы ] визитка визитка визитка яркий элегантный геометрический шаблон ( .ai .eps 1.70MB )
[ Векторы ] визитки визитки шаблоны элегантные технологии геометрия декор ( .ai .eps 1.65MB )
All-free-download.com
[ Векторы ] шаблоны визитных карточек элегантный сложенный геометрический декор ( .
ai .eps .svg 1.87MB )
All-free-download.com
[ Векторы ] шаблон визитной карточки элегантный плоский контрастный стрелка эскиз простой декор ( .ai .eps .svg 2.04MB )
All-free-download.com
[ Векторы ] xphotocraft studios шаблон визитной карточки элегантный плоский эскиз камеры ( .ai .eps .svg 1.81MB )
All-free-download.com
[ Векторы ] шаблоны визитных карточек нарисованный от руки ботанический декор ( .ai .eps 3.70MB )
All-free-download.com
[ Векторы ] шаблоны визитных карточек повторяющиеся иллюзии декора ( .
ai .eps 2.48MB )
All-free-download.com
[ Векторы ] шаблоны визитных карточек контрастная диаграмма логотип размытое слово карта декор ( .ai .eps .svg 5.97 МБ)
All-free-download.com
[ Векторы ] шаблоны визитных карточек элегантный бык логотип стрелка круг эскиз ( .ai .eps .svg 2.39MB )
All-free-download.com
[ Векторы ] коллекция шаблонов визитных карточек природа элементы темы decr ( .ai .eps 8.65MB )
All-free-download.com
[ Векторы ] шаблоны визитных карточек декор кофейной чашки ( .
