Ikony miejsca

Ikony miejsc wskazują różne typy miejsc (np. kawiarnie, biblioteki muzea). Możesz poprosić o ikony i ich kolory tła za pomocą Place Class lub Usługa Miejsca.

Pola

Do pracy z ikonami miejsc możesz używać następujących pól:

• icon zwraca adres URL ikony PNG o wymiarach 71 x 71 pikseli (usługa Miejsca ).
• iconBackgroundColor i icon_background_color zwracają błąd domyślny szesnastkowy kod koloru ikony miejsca.
• icon_mask_base_uri (Usługa Miejsc) zwraca podstawowy adres URL niekolorową ikonę z wyłączeniem rozszerzenia typu pliku (dołącz .svg lub .png).
• svgIconMaskURI (klasa miejsca) zwraca podstawowy adres URL ikony SVG bez koloru.

Zastosuj ikonę miejsca i kolor do znacznika

W Szczegółach miejsca możesz poprosić o ikonę miejsca i kolor tła, które możesz zastosować do znaczników. Poniższy przykład pokazuje kod do utworzenia znacznika z użyciem danych o miejscu, które są przekazywane place.iconBackgroundColor na opcję PinElement.background i place.svgIconMaskURI do PinElement.glyph. Użyj formatu: place.location aby umieścić znacznik we właściwym miejscu. W tym przykładzie widać też: place.displayName w tytule znacznika.

// 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

Prośby dotyczące ikony miejsc i koloru tła

W tabelach poniżej znajdziesz wszystkie dostępne ikony miejsc pogrupowane według kategorii. Według domyślnie wyświetlają się z czarnym glifem. Kolor tła ikony. zależy od kategorii miejsca.

Kategoria miejsca: Jedzenie i napoje (kolor tła ikony #FF9E67)
, Bar, Klub nocny	, Kawiarnia	, Restauracja, piekarnia
Kategoria miejsca: Handel detaliczny (kolor tła ikony #4B96F3)
, Książki, odzież, elektronika, biżuteria, buty, centrum handlowe/hala	, Sklep wielobranżowy	, Sklep spożywczy, supermarket	, Apteka
Kategoria miejsca: usługi (kolor tła ikony #909CE1)
, Bankomat	, Bank	, Stacje paliw	, Zakwaterowanie
, Urząd pocztowy
Kategoria miejsca: Rozrywka (kolor tła ikony #13B5C7)
, Akwarium, turystyka	, Golf	, Historyczne	, Film
, Muzeum	, Teatr
Kategoria miejsca: Transport (kolor tła ikony #10BDFF)
, Lotnisko	, Autobus, wspólne przejazdy, taksówka	, Pociąg
Kategoria miejsca: miejskie/ogólne/religijne (kolor tła ikony #7B9EB0)
, Cmentarz	, Budynek miejski	, Biblioteka	, Pomnik
, Parkingi	, Szkoła (podstawowa, ponadpodstawowa, uniwersytet)	, Kultura (chrześcijańska)
, Kultura (hinduizm)	, Kultura (islam)	, Kult (Jain)	, Kultura (żydowski)
, Kult (Sikh)	, Ogólna firma
Kategoria miejsca: Odkryte (kolor tła ikony #4DB546)
, Łodzią	, Kemping	, Park	, Stadion
, Zoo
Kategoria miejsca: Alarmowe (kolor tła ikony #F88181)
, Szpital	, Policja