جزئیات مکان

واکشی فیلدها

اگر یک شی Place یا شناسه مکان موجود دارید، از روش Place.fetchFields برای دریافت جزئیات مربوط به آن مکان استفاده کنید. یک لیست جدا شده با کاما از فیلدهای داده مکان برای بازگشت ارائه دهید. نام رشته ها را در مورد شتر مشخص کنید. برای دریافت داده‌های فیلدهای درخواستی، از شی Place بازگشتی استفاده کنید.

مثال زیر از شناسه مکان برای ایجاد یک Place جدید استفاده می‌کند، Place.fetchFields را فراخوانی می‌کند و فیلدهای displayName و formattedAddress درخواست می‌کند، یک نشانگر به نقشه اضافه می‌کند و برخی از داده‌ها را به کنسول ثبت می‌کند.

async function getPlaceDetails(Place) {
    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(Place) {
  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

از مولفه Place Overview استفاده کنید

مؤلفه «نمای کلی مکان» اطلاعات دقیقی درباره میلیون‌ها کسب‌وکار، از جمله ساعات کاری، بررسی‌های ستاره‌دار، و عکس‌ها، به‌علاوه مسیرها و سایر اقدامات را در یک رابط کاربری از پیش ساخته در ۵ اندازه و قالب نمایش می‌دهد. این بخشی از Extended Component Library از پلتفرم Google Maps است، مجموعه‌ای از اجزای وب که به توسعه‌دهندگان کمک می‌کند نقشه‌ها و ویژگی‌های مکان بهتر را سریع‌تر بسازند.

از پیکربندی‌کننده Place Overview برای ایجاد کد قابل جاسازی برای یک مؤلفه Place Overview سفارشی استفاده کنید، سپس آن را برای استفاده در چارچوب‌های محبوب مانند React و Angular یا بدون فریم‌ورک صادر کنید.