Значки мест

Значки мест обозначают различные типы мест (например, кафе, библиотеки и музеи). Вы можете запросить значки и цвета их фона, используя Place Class или Places Service .

Поля

Для работы со значками мест используйте следующие поля:

• icon возвращает URL-адрес цветного значка PNG размером 71 x 71 пикселей (только служба Places).
• iconBackgroundColor и icon_background_color возвращают шестнадцатеричный код цвета по умолчанию для категории значка места.
• icon_mask_base_uri (служба Places) возвращает базовый URL-адрес бесцветного значка без расширения типа файла (добавьте .svg или .png ).
• svgIconMaskURI (класс Place) возвращает базовый URL-адрес бесцветного значка SVG.

Применить значок места и цвет к маркеру

С помощью сведений о месте вы можете запросить значок места и цвет фона, которые можно применить к маркерам. В следующем примере показан код для создания маркера с использованием данных о месте путем передачи place.iconBackgroundColor в параметр PinElement.background и place.svgIconMaskURI в PinElement.glyph . Используйте place.location , чтобы разместить маркер в правильном месте. В этом примере также отображается place.displayName в заголовке маркера.

// A marker customized using a place icon and color, name, and geometry.
const place = new Place({
    id: 'ChIJN5Nz71W3j4ARhx5bwpTQEGg',
});

// Call fetchFields, passing the desired data fields.
await place.fetchFields({ fields: ['location', 'displayName', 'svgIconMaskURI', 'iconBackgroundColor'] });

const pinElement = new PinElement({
    background: place.iconBackgroundColor,
    glyph: new URL(String(place.svgIconMaskURI)),
});

const placeIconMarkerView = new AdvancedMarkerElement({
    map,
    position: place.location,
    content: pinElement.element,
    title: place.displayName,
});
index.ts

// A marker customized using a place icon and color, name, and geometry.
const place = new Place({
  id: "ChIJN5Nz71W3j4ARhx5bwpTQEGg",
});

// Call fetchFields, passing the desired data fields.
await place.fetchFields({
  fields: [
    "location",
    "displayName",
    "svgIconMaskURI",
    "iconBackgroundColor",
  ],
});

const pinElement = new PinElement({
  background: place.iconBackgroundColor,
  glyph: new URL(String(place.svgIconMaskURI)),
});
const placeIconMarkerView = new AdvancedMarkerElement({
  map,
  position: place.location,
  content: pinElement.element,
  title: place.displayName,
});
index.js

Размещайте запросы на цвет значков и фона

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

Категория места: Еда и напитки (цвет фона значка #FF9E67)
Бар, Ночной клуб	Кафе	Ресторан, Пекарня
Категория места: Розничная торговля (цвет фона значка #4B96F3)
Книги, одежда, электроника, ювелирные изделия, обувь, Торговый центр/торговый центр	Круглосуточный магазин	Продуктовый магазин, Супермаркет	Аптека
Категория места: Услуги (цвет фона значка #909CE1)
Банкомат	Банк	Газ	Проживание
Почтовое отделение
Категория места: Развлечения (цвет фона значка #13B5C7)
Аквариум, Туристический	Гольф	Исторический	Фильм
Музей	Театр
Категория места: Транспорт (цвет фона значка #10BDFF)
Аэропорт	Автобус, каршеринг, такси	Поезд/Железнодорожный
Категория места: Муниципальное/общее/религиозное (цвет фона значка #7B9EB0)
Кладбище	Гражданское здание	Библиотека	Памятник
Стоянка	Школа (начальная, средняя, ​​университетская)	Поклонение (христианское)
Поклонение (индуизм)	Поклонение (ислам)	Поклонение (джайн)	Поклонение (еврейское)
Поклонение (сикх)	Общий бизнес
Категория места: На открытом воздухе (цвет фона значка #4DB546)
Катание на лодках	Кемпинг	Парк	Стадион
Зоопарк
Категория места: Чрезвычайная ситуация (цвет фона значка #F88181)
Больница	Полиция