جزئیات مکان

پلتفرم را انتخاب کنید: سرویس وب جاوا اسکریپت اندروید iOS

واکشی فیلدها

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

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

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

جاوا اسکریپت

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,
  });
}
توجه داشته باشید که Map و Place قبل از این تابع اعلام شده است:
const { Map } = await google.maps.importLibrary("maps");
const { Place } = await google.maps.importLibrary("places");
نمونه کامل را ببینید

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

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

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