1. Главная страница
  2. ››
  3. Документация
  4. ››
  5. Метки - документация компонента Upline Studio

Навигация

Разделы доки

Demo компонента

Метки

Цвет меток по умолчанию

Вы можете указать цвет меток, выбрав его из стандартных цветов, которые предоставляет API Яндекс.Карт.

Взять цвет метки из поля таблицы

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

Указать можно следующие цвета:

blue = Голубой
dark_blue = Голубой темный
light_blue = Голубой светлый
yellow = Желый
green = Зеленый
dark_green = Зеленый темный
olive = Зеленый оливковый
brown = Коричневый
red = Красный
orange = Оранжевый
dark_orange = Оранжевый темный
pink = Розовый
gray = Серый
night = Синий тёмный
black = Черный
violet = Фиолетовый
  • Примеры оформления

    Маркеры с точкой

    https://creatium-backend.uplinestudio.io/storage/350/d6e559b969639296221b1849928392108ZpUf.png.png

    Маркеры с номером

    https://creatium-backend.uplinestudio.io/storage/351/a09f41f068614b47185282f502da95a504T8Q.png.png

    Маркеры с текстом

    https://creatium-backend.uplinestudio.io/storage/347/db33b0cd6482ee9ac7b2b3ce9a638852p4ybA.png.png

    Маркеры круглые с точкой

    https://creatium-backend.uplinestudio.io/storage/349/874e1b9c335ca9049c5dbd7c63d679b3dFTdW.png.png

    Маркеры круглые с номером

    https://creatium-backend.uplinestudio.io/storage/348/777e6d7403d5f86b11ef8e04731e77f5Hq4Zh.png.png

Вид метки

Метки делятся не только по их цвету и виду, но и по контенту. Есть:

  • метки с точкой,
  • метки с цифрок,
  • метки с текстом,
  • метки с иконкой,
  • метки со своими иконками.

Метки с точкой

https://creatium-backend.uplinestudio.io/storage/350/d6e559b969639296221b1849928392108ZpUf.png.png

https://creatium-backend.uplinestudio.io/storage/349/874e1b9c335ca9049c5dbd7c63d679b3dFTdW.png.png

Метки с цифрой

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

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

https://creatium-backend.uplinestudio.io/storage/351/a09f41f068614b47185282f502da95a504T8Q.png.png

https://creatium-backend.uplinestudio.io/storage/348/777e6d7403d5f86b11ef8e04731e77f5Hq4Zh.png.png

Метки с текстом

Важно: Для круглых меток текстовое содержание недоступно.

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

https://creatium-backend.uplinestudio.io/storage/347/db33b0cd6482ee9ac7b2b3ce9a638852p4ybA.png.png

Метки с иконкой

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

В таблице должно быть значение до знака равно.
После знака равно — значение, которое использовано в настройках компонента.

airport=Airport
attention=Attention
auto=Auto
bar=Bar
barber=Barber
beach=Beach
bicycle=Bicycle
bicycle2=Bicycle2
book=Book
carwash=CarWash
christian=Christian
cinema=Cinema
circus=Circus
court=Court
delivery=Delivery
discount=Discount
dog=Dog
education=Education
entertainment_center=EntertainmentCenter
factory=Factory
family=Family
fashion=Fashion
food=Food
fuel_station=FuelStation
garden=Garden
government=Government
heart=Heart
home=Home
hotel=Hotel
hydro=Hydro
info=Info
laundry=Laundry
leisure=Leisure
mass_transit=MassTransit
medical=Medical
money=Money
mountain=Mountain
night_club=NightClub
observation=Observation
park=Park
parking=Parking
person=Person
pocket=Pocket
pool=Pool
post=Post
railway=Railway
rapid_transit=RapidTransit
repair_shop=RepairShop
run=Run
science=Science
shopping=Shopping
souvenirs=Souvenirs
sport=Sport
star=Star
theater=Theater
toilet=Toilet
underpass=Underpass
vegetation=Vegetation
video=Video
waste=Waste
water_park=WaterPark
waterway=Waterway
worship=Worship
zoo=Zoo
  • Стандартные иконки

    https://creatium-backend.uplinestudio.io/storage/355/806128677893bfbec29b8e76e831a22deFkmy.png.png

    https://creatium-backend.uplinestudio.io/storage/354/6383431e2b86a67d79e3f9dbd1f66eddIDDLP.png.png

    https://creatium-backend.uplinestudio.io/storage/353/b073f3eb58041dcfb35f5a8aa99608c3MPBy5.png.png

    https://creatium-backend.uplinestudio.io/storage/352/56ac9489cfa44c480bfc9784f00ad08c68y0F.png.png

Своя иконка

https://creatium-backend.uplinestudio.io/storage/346/ba9d144ca139a0f42aebbda9924cf15ci5riC.png.png

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

Для этого нужно:

  • загрузить картинку,
  • указать ширину иконки в пикселях,
  • указать высоту иконки в пикселях,
  • указать сдвиг иконки в пикселях по X,
  • указать сдвиг иконки в пикселях по Y.

Сдвиг нужен, чтобы поместить хвостик вашей иконки, если такой есть, в точные географические координаты вашей точки.

Сдвиг рассчитывается от правого верхнего угла иконки. Если у нас иконка 60px*60px, с хвостиком по середине, то сдвиг будет -30 по X и -60 по Y.

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

Подпись к иконке

https://creatium-backend.uplinestudio.io/storage/345/69c98b08af773d1638058004bc7c6d07v8zuJ.png.png

Вы можете указать подпись к иконкам. Её можно передать из таблицы.

Logo Upline Studio Creatium

Наша команда Uplinestudio разрабатывает сайты под разные потребности клиентов. Одним из ключевых направлений в нашей разработке является создание сайтов на Creatium.

Оставить заявку

Работает на Creatium