Yer simgeleri

Platform seçin: Android iOS JavaScript Web Hizmeti

Yer simgeleri, çeşitli yer türlerini (ör. kafeler, kütüphaneler ve müzeler) gösterir. Place sınıfını 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ı	Places Service
Simge	---	icon
Simge arka plan rengi	iconBackgroundColor	icon_background_color
Simge maskesi URI'si	svgIconMaskURI	icon_mask_base_uri

• icon, renkli bir 71 piksel x 71 piksel PNG simgesinin URL'sini döndürür (yalnızca Places Service).
• iconBackgroundColor ve icon_background_color, yer simgesinin kategorisi için varsayılan onaltılık renk kodunu döndürür.
• icon_mask_base_uri (Yerler Hizmeti), renksiz bir simgenin dosya türü uzantısı (.svg veya .png ekleyin) hariç ana URL'sini döndürür.
• svgIconMaskURI (Yer sınıfı), renksiz bir SVG simgesinin ana URL'sini döndürür.

İşaretçiye yer simgesi ve rengi uygulama

Yer Ayrıntıları ile işaretçilere uygulayabileceğiniz bir yer simgesi ve arka plan rengi isteyebilirsiniz. Aşağıdaki örnekte, PinElement.background seçeneğine place.iconBackgroundColor ve PinElement.glyph seçeneğine place.svgIconMaskURI değerini ileterek yer verilerini kullanarak işaretçi oluşturma kodu gösterilmektedir. İşaretçiyi doğru konuma yerleştirmek için place.location simgesini kullanın. Bu örnekte, işaretçi başlığında place.displayName da gösterilir.

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,
    glyphSrc: new URL(String(place.svgIconMaskURI)),
});

const placeIconMarker = new AdvancedMarkerElement({
    position: place.location,
    title: place.displayName,
});
placeIconMarker.append(pinElement);
mapElement.append(placeIconMarker);
index.ts

Not: TypeScript ve Google Haritalar'ı kullanmayla ilgili kılavuzu okuyun.

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,
    glyphSrc: new URL(String(place.svgIconMaskURI)),
});

const placeIconMarker = new AdvancedMarkerElement({
    position: place.location,
    title: place.displayName,
});
placeIconMarker.append(pinElement);
mapElement.append(placeIconMarker);
index.js

Örneği inceleyin

Yer simgesi ve arka plan rengi istekleri

Aşağıdaki tablolarda, mevcut tüm yer simgeleri kategoriye göre gösterilmektedir. Varsayılan olarak bunlar siyah bir glifle 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)
Kitap, Giyim, Elektronik, Mücevher, Ayakkabı, 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	Tarihi	Film
Müze	Tiyatro
Yer kategorisi: Ulaşım (simge arka plan rengi #10BDFF)
Havaalanı	Otobüs, araç paylaşımı, taksi	Tren/Raylı sistem
Yer kategorisi: Belediye/genel/dini (simge arka plan rengi #7B9EB0)
Mezarlık	Belediye binası	Kitaplık	Anıt
Otopark	Okul (ilkokul, ortaokul, üniversite)	İbadet (Hristiyan)
İbadet (Hindu)	İbadet (İslam)	İbadet (Caynizm)	İbadet (Yahudi)
İbadet (Sih)	Genel işletme
Yer kategorisi: Açık hava (simge arka plan rengi #4DB546)
Tekne gezisi	Kamp	Park	Stadyum
Hayvanat bahçesi
Yer kategorisi: Acil durum (simge arka plan rengi #F88181)
Hastane	Polis