Yer simgeleri çeşitli yer türlerini gösterir (örneğin, kafeler, kütüphaneler ve Müzeler). Şunu kullanarak, simgeleri ve arka plan renklerini isteyebilirsiniz: Yer Sınıfı veya Rehber Hizmeti.
Alanlar
Yer simgeleriyle çalışmak için aşağıdaki alanları kullanın:
Alan | Sınıfı Ver | Rehber Hizmeti |
---|---|---|
Simge | --- | icon |
Simge arka plan rengi | iconBackgroundColor |
icon_background_color |
Simge maskesi URI'si | svgIconMaskURI |
icon_mask_base_uri |
icon
, 71px x 71 piksel boyutunda renkli bir PNG simgesinin (Yerler Hizmeti) URL'sini döndürür. .iconBackgroundColor
veicon_background_color
şunu döndürür: yer simgesinin kategorisi için varsayılan HEX renk kodu.icon_mask_base_uri
(Yerler Hizmeti), bir renksiz simge (dosya türü uzantısı hariç) (.svg
veya.png
ekleyin).svgIconMaskURI
(Yer Sınıfı), renkli olmayan bir SVG simgesinin temel URL'sini döndürür.
İşaretçiye yer simgesi ve rengi uygulayın
Yer Ayrıntıları ile bir yer simgesi ve uygulayabileceğiniz arka plan rengi isteyebilirsiniz
kullanabilirsiniz. Aşağıdaki örnekte,
PinElement.background
seçeneğine place.iconBackgroundColor
ve
place.svgIconMaskURI
- PinElement.glyph
. place.location
hesabını kullan
doğru konuma yerleştirin. Bu örnekte ayrıca place.displayName
yazın.
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, kategoriye göre kullanılabilir tüm yer simgeleri gösterilmektedir. Ölçüt varsayılan olarak siyah bir glifle görüntüleyebilirsiniz. Simge arka plan rengi yerin kategorisine göre belirlenir.
Yer kategorisi: Yiyecek ve içecek (simge arka plan rengi #FF9E67) |
|||
---|---|---|---|
Gece kulübü |
|
|
|
Yer kategorisi: Perakende (simge arka plan rengi #4B96F3) |
|||
Alışveriş merkezi/Alışveriş merkezi |
![]() |
|
|
Yer kategorisi: Hizmetler (simge arka plan rengi #909CE1) |
|||
|
|
|
|
|
|||
Yer kategorisi: Eğlence (simge arka plan rengi #13B5C7) |
|||
|
|
|
|
|
|
||
Yer kategorisi: Ulaşım (simge arka plan rengi #10BDFF) |
|||
|
|
|
|
Yer kategorisi: Belediye/genel/dini (simge arka plan rengi #7B9EB0) |
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||
Yer kategorisi: Dış mekan (simge arka plan rengi #4DB546) |
|||
|
|
|
|
|
|||
Yer kategorisi: Acil durum (simge arka plan rengi #F88181) |
|||
|
|