Yer Ayrıntıları

Platform seçin: Android iOS JavaScript Web Hizmeti

Alanları getir

Mevcut bir Place nesneniz veya yer kimliğiniz varsa Place.fetchFields kullanın yöntemini de kullanabilirsiniz. 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.

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 öğelerinin bu işlevden önce tanımlandığını unutmayın: 
const { Map } = await google.maps.importLibrary("maps");
const { Place } = await google.maps.importLibrary("places");
 Örneğin tamamını inceleyin

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 dahil olmak üzere ayrıntılı bilgileri 5 boyut ve biçimde hazır bir kullanıcı arayüzünde gösterir. Bu API, 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şeni grubudur.

Yere Genel Bakış yapılandırıcısını kullanın özel bir Yere Genel Bakış bileşeni için yerleştirilebilir kod oluşturun ve React ve Angular gibi popüler çerçevelerle kullanılmasını veya hiç çerçeve olmadan kullanılmasını sağlayabilir.