Yer Ayrıntıları (Yeni)

Platform seçin: Android iOS JavaScript Web Hizmeti
Avrupa Ekonomik Alanı (AEA) geliştiricileri

Alanları getirme

Mevcut bir Place nesneniz veya yer kimliğiniz varsa bu yerle ilgili ayrıntıları almak için Place.fetchFields() yöntemini kullanın. Döndürülecek yer verisi alanlarının virgülle ayrılmış bir listesini sağlayın; alan adlarını camel case olarak belirtin. İstenen alanlarla ilgili verileri almak için döndürülen Place nesnesini kullanın.

Aşağıdaki örnekte yeni bir Place oluşturmak için yer kimliği kullanılıyor, displayName ve formattedAddress alanları istenerek Place.fetchFields() çağrılıyor, haritaya bir işaretçi ekleniyor ve bazı veriler konsola kaydediliyor.

TypeScript

async function getPlaceDetails() {
    const { Place } =  await google.maps.importLibrary("places") as google.maps.PlacesLibrary;
    const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;
    // Use place ID to create a new Place instance.
    const place = new Place({
        id: 'ChIJN5Nz71W3j4ARhx5bwpTQEGg',
        requestedLanguage: 'en', // optional
    });

    // Call fetchFields, passing the desired data fields.
    await place.fetchFields({ fields: ['displayName', 'formattedAddress', 'location'] });

    // Log the result
    console.log(place.displayName);
    console.log(place.formattedAddress);

    // Add an Advanced Marker
    const marker = new AdvancedMarkerElement({
        map,
        position: place.location,
        title: place.displayName,
    });
}
index.ts

JavaScript

async function getPlaceDetails() {
    const { Place } = await google.maps.importLibrary("places");
    const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
    // Use place ID to create a new Place instance.
    const place = new Place({
        id: 'ChIJN5Nz71W3j4ARhx5bwpTQEGg',
        requestedLanguage: 'en', // optional
    });
    // Call fetchFields, passing the desired data fields.
    await place.fetchFields({ fields: ['displayName', 'formattedAddress', 'location'] });
    // Log the result
    console.log(place.displayName);
    console.log(place.formattedAddress);
    // Add an Advanced Marker
    const marker = new AdvancedMarkerElement({
        map,
        position: place.location,
        title: place.displayName,
    });
}
index.js
Map ve Place'nin bu işlevden önce tanımlandığını unutmayın: 
const { Map } = await google.maps.importLibrary("maps");
const { Place } = await google.maps.importLibrary("places");
 Tam örneği inceleyin

Yere Genel Bakış bileşenini kullanma

Yer Genel Bakış bileşeni, milyonlarca işletmeyle ilgili ayrıntılı bilgileri (çalışma saatleri, yıldız yorumları ve fotoğraflar dahil) ve yol tariflerinin yanı sıra 5 boyut ve biçimde önceden hazırlanmış bir kullanıcı arayüzünde diğer işlemleri gösterir. Google Haritalar Platformu'nun Genişletilmiş Bileşen Kitaplığı'nın bir parçasıdır. Bu kitaplık, geliştiricilerin daha iyi haritalar ve konum özellikleri oluşturmasına yardımcı olan bir dizi web bileşeninden oluşur.

Özel bir yer genel bakış bileşeni için yerleştirilebilir kod oluşturmak üzere Yer Genel Bakış yapılandırıcısını kullanın, ardından React ve Angular gibi popüler çerçevelerle veya hiç çerçeve olmadan kullanılmak üzere kodu dışa aktarın.