Yer Ayrıntıları

Alanları getirme

Mevcut bir Place nesnenizin veya yer kimliğiniz varsa söz konusu 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ış listesini sağlayın; alan adlarını büyük/küçük harf kullanmadan belirtin. İstenen alanlara ait 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ır, displayName ve formattedAddress alanlarını isteyen Place.fetchFields() çağrılır, haritaya bir işaretçi eklenir ve bazı veriler konsola kaydedilir.

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

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

const { Map } = await google.maps.importLibrary("maps");
const { Place } = await google.maps.importLibrary("places");

Yere Genel Bakış bileşenini kullanma

Yere Genel Bakış bileşeni, milyonlarca işletmeyle ilgili çalışma saatleri, yıldızlı yorumlar, fotoğraflar, yol tarifleri ve diğer işlemler gibi ayrıntılı bilgileri 5 boyut ve biçimde hazır bir kullanıcı arayüzünde gösterir. Bu bileşen, Google Haritalar Platformu'ndaki 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 daha hızlı yardımcı olan bir web bileşenleri grubudur.

Ö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ılacak şekilde dışa aktarın.