Yer simgeleri, çeşitli yer türlerini gösterir (örneğin kafeler, kütüphaneler ve müzeler). Yer Sınıfı veya Yerler Hizmeti'ni kullanarak simgeleri ve arka plan renklerini isteyebilirsiniz.
Alanlar
Yer simgeleriyle çalışmak için aşağıdaki alanları kullanın:
Alan | Yer Sınıfı | Yer Hizmeti |
---|---|---|
Simge | --- | icon |
Simge arka plan rengi | iconBackgroundColor |
icon_background_color |
Simge maskesi URI'si | svgIconMaskURI |
icon_mask_base_uri |
icon
, 71 x 71 piksel boyutlarındaki renkli bir PNG simgesinin (yalnızca Yerler Hizmeti) URL'sini döndürür.iconBackgroundColor
veicon_background_color
, yer simgesinin kategorisi için varsayılan HEX renk kodunu döndürür.icon_mask_base_uri
(Yerler Hizmeti), renkli olmayan bir simgenin temel URL'sini, dosya türü uzantısını (.svg
veya.png
ekleyin) çıkarıp döndürür.svgIconMaskURI
(Yer Sınıfı), renkli olmayan bir SVG simgesinin temel URL'sini döndürür.
İşaretçiye yer simgesi ve rengi uygulama
Yer Ayrıntıları ile bir yer simgesi ve arka plan rengi isteyebilirsiniz. Bunları işaretçilere uygulayabilirsiniz. Aşağıdaki örnekte, place.iconBackgroundColor
öğesini PinElement.background
seçeneğine ve place.svgIconMaskURI
öğesini PinElement.glyph
öğesine geçirerek yer verilerini kullanarak bir işaretçi oluşturmak için gereken kod gösterilmektedir. İşaretçiyi doğru konuma yerleştirmek için place.location
özelliğini kullanın. Bu örnekte, işaretçi başlığında place.displayName
de görüntülenir.
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, });
Yer simgesi ve arka plan rengi istekleri
Aşağıdaki tablolarda, kullanılabilir tüm yer simgeleri kategorilere göre gösterilmektedir. Bu resimler varsayılan olarak siyah bir karakterle gösterilir. Simge arka plan rengi, yerin kategorisine göre belirlenir.
Yer kategorisi: Yiyecek ve içecek (simge arka plan rengi #FF9E67) |
|||
---|---|---|---|
Bar, Gece kulübü |
Kafe |
Restoran, Fırın |
|
Yer kategorisi: Perakende (simge arka plan rengi #4B96F3) |
|||
Kitaplar, Giyim, Elektronik, Takılar, Ayakkabılar, Alışveriş merkezi/Alışveriş merkezi |
Market |
Bakkal, Süpermarket |
Eczane |
Yer kategorisi: Hizmetler (simge arka plan rengi #909CE1) |
|||
ATM |
Banka |
Benzin |
Konaklama |
Postane |
|||
Yer kategorisi: Eğlence (simge arka plan rengi #13B5C7) |
|||
Akvaryum, Turist |
Golf |
Geçmiş |
Film |
Müze |
Tiyatro |
||
Yer kategorisi: Ulaşım (simge arka plan rengi #10BDFF) |
|||
Havaalanı |
Otobüs, araç paylaşma, taksi |
Tren/Demiryolu |
|
Yer kategorisi: Belediye/genel/dini (simge arka plan rengi #7B9EB0) |
|||
Mezarlık |
Belediye binası |
Kitaplık |
Anıt |
Park yeri |
Okul (ilkokul, ortaokul, üniversite) |
İbadet (Hristiyan) |
|
İbadet (Hindu) |
İbadet (İslam) |
İbadet (Jain) |
İbadet (Yahudi) |
İbadet (Sikh) |
Genel işletme |
||
Yer kategorisi: Dış mekan (simge arka plan rengi #4DB546) |
|||
Tekne Gezisi |
Kampçılık |
Park et |
Stadyum |
Hayvanat Bahçesi |
|||
Yer kategorisi: Acil durum (simge arka plan rengi #F88181) |
|||
Hastane |
Polis |