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:

Pole Klasa miejsca Usługa Miejsca
Ikona --- icon
Kolor tła ikony iconBackgroundColor icon_background_color
Identyfikator URI maski ikony svgIconMaskURI icon_mask_base_uri
  • 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.

TypeScript

// 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,
});

JavaScript

// 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,
});
Zobacz przykład

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