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

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)

Bar Bar,
Gece kulübü

Kafe Kafe

Restoran Restoran, Fırın
Yer kategorisi: Perakende
(simge arka plan rengi #4B96F3)

Kitapçı Kitap, Giyim, Elektronik, Takı, Ayakkabı,
Alışveriş merkezi/Alışveriş merkezi

Market Market

Bakkal Bakkal, Süpermarket

Eczane Eczane
Yer kategorisi: Hizmetler
(simge arka plan rengi #909CE1)

ATM ATM

Banka Banka

Benzin Gaz

Konaklama Konaklama

Postane Postane
Yer kategorisi: Eğlence
(simge arka plan rengi #13B5C7)

Akvaryum, Turistik Akvaryum, Turistik

Golf Golf

Tarihi Tarihsel

Film Film

Müze Müze

Tiyatro Tiyatro
Yer kategorisi: Ulaşım
(simge arka plan rengi #10BDFF)

Havalimanı Havalimanı

Otobüs Otobüs, araç paylaşımı, 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 Kütüphane

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 (Ceyn) İbadet (Ceyn)

İbadet (Yahudi) İbadet (Yahudi)

İbadet (Sih) İbadet (Sih)

Genel işletme Genel işletme
Yer kategorisi: Dış mekan
(simge arka plan rengi #4DB546)

Tekne gezisi Tekne Sporları

Kamp Kampçılık

Park Park

Stadium Stadyum

Hayvanat Bahçesi Hayvanat bahçesi
Yer kategorisi: Acil durum
(simge arka plan rengi #F88181)

Hastane Hastane

Polis Polis