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,
});
index.ts

.

Not: TypeScript ve Google Haritalar'ı kullanma ile 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,
  glyph: new URL(String(place.svgIconMaskURI)),
});
const placeIconMarkerView = new AdvancedMarkerElement({
  map,
  position: place.location,
  content: pinElement.element,
  title: place.displayName,
});
index.js

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