Yer Simgeleri

Platform seçin: Android iOS JavaScript Web Hizmeti

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 ve icon_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,
});
Örneği inceleyin

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
Bar,
Gece kulübü
Kafe
Kafe
Restoran
Restoran, Fırın
Yer kategorisi: Perakende
(simge arka plan rengi #4B96F3)
Kitapçı
Kitaplar, Giyim, Elektronik, Takılar, Ayakkabılar,
Alışveriş merkezi/Alışveriş merkezi
Market
Market
Market
Bakkal, Süpermarket
Eczane
Eczane
Yer kategorisi: Hizmetler
(simge arka plan rengi #909CE1)
ATM
ATM
Banka
Banka
Benzin
Benzin
Konaklama
Konaklama
Postane
Postane
Yer kategorisi: Eğlence
(simge arka plan rengi #13B5C7)
Akvaryum, Turistik
Akvaryum, Turist
Golf
Golf
Tarihi
Geçmiş
Film
Film
Müze
Müze
Tiyatro
Tiyatro
Yer kategorisi: Ulaşım
(simge arka plan rengi #10BDFF)
Havalimanı
Havaalanı
Otobüs
Otobüs, araç paylaşma, taksi
Tren/Demiryolu
Tren/Demiryolu
Yer kategorisi: Belediye/genel/dini
(simge arka plan rengi #7B9EB0)
mezarlık
Mezarlık
Belediye binası
Belediye binası
Kitaplık
Kitaplık
Anıt
Anıt
Otopark
Park yeri
Okul (ilkokul, ortaokul, üniversite)
Okul (ilkokul, ortaokul, üniversite)
İbadet (Hristiyan)
İbadet (Hristiyan)
İbadet (Hindu)
İbadet (Hindu)
İbadet (İslam)
İbadet (İslam)
İbadet (Jain)
İbadet (Jain)
İbadet (Yahudi)
İbadet (Yahudi)
İbadet (Sikh)
İbadet (Sikh)
Genel işletme
Genel işletme
Yer kategorisi: Dış mekan
(simge arka plan rengi #4DB546)
Tekne
Tekne Gezisi
Kampçılık
Kampçılık
Park
Park et
Stadyum
Stadyum
Hayvanat Bahçesi
Hayvanat Bahçesi
Yer kategorisi: Acil durum
(simge arka plan rengi #F88181)
Hastane
Hastane
Polis
Polis