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 |