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