واکشی فیلدها
اگر یک شی 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 یا بدون فریمورک صادر کنید.