کتابخانه کامپوننت Places UI Kit به شما امکان میدهد تجربه کاربری آشنای نقشههای گوگل را برای Places به برنامهها و صفحات وب خود بیاورید، با استفاده از همان دادههایی که Places API را پشتیبانی میکنند. این کتابخانه شامل یک کامپوننت رابط کاربری مجزا است که میتواند به طور مستقل، با هم یا در ارتباط با سایر APIهای پلتفرم Google Maps برای ارائه یک تجربه غنی از Places با حداقل هزینه و کد استفاده شود.
کیت رابط کاربری Places شامل عناصر HTML زیر برای رندر کردن دادههای Places است:
- عناصر جزئیات مکان، جزئیاتی مانند ساعات کاری، وبسایت و نظرات مربوط به یک مکان انتخابشده را نمایش میدهند.
- عناصر جزئیات مکان پیشرفته (پیشنمایش) عناصر جزئیات مکان را گسترش میدهند و به شما امکان میدهند دکمههای عملیاتی را پیکربندی کنید و گزینههای جستجو و فیلتر را برای نظرات و رسانهها اعمال کنید.
- عناصر جستجوی مکان، فهرستی از مکانها را در پاسخ به جستجوی نزدیک یا جستجوی متنی نمایش میدهند.
- عناصر جستجوی پیشرفته مکان (پیشنمایش) عناصر جستجوی مکان را گسترش میدهند و به شما امکان میدهند دکمههای عملیاتی را پیکربندی کنید و گزینههای جستجو و فیلتر را برای نظرات و رسانهها اعمال کنید.
- عنصر فهرست مکان پیشرفته (پیشنمایش) مجموعهای از مکانها را در یک لیست با توجه به مجموعهای از شناسههای مکان ارائه میدهد و همچنین از دکمهها و فیلترینگ سفارشی پشتیبانی میکند.
- عنصر تکمیل خودکار مکان پایه، یک فیلد ورودی متن را رندر میکند، پیشبینیهای مکان را در لیست انتخاب رابط کاربری ارائه میدهد و یک شناسه مکان برای مکان انتخاب شده برمیگرداند.
ویژگیها و قابلیتهای کلیدی
- با حداقل کد، تجربه قابل اعتماد گوگل را در طراحی خود بگنجانید.
- رابط کاربری نقشههای گوگل برای مکانها را با هزینهای کمتر از API مکانها به برنامههای خود بیاورید.
- گزینههای داده و نمایش را که به بهترین وجه با نیازهای شما مطابقت دارند، انتخاب کنید.
کیت رابط کاربری مکانها، ملزومات و حرفهای
کیت رابط کاربری Places دو سطح ارائه میدهد: Essentials و Pro. سطح Places UI Kit Essentials شامل کامپوننتهای Place Details، Basic Place Autocomplete و Place Search است. سطح Pro شامل کامپوننتهای Advanced Place Details، Advanced Place Search و Advanced Place List است که عملکردی مشابه کامپوننتهای Essentials ارائه میدهند، اما با گزینههای سفارشیسازی بیشتر و ویژگیهای پیشرفتهتر.
جدول زیر مقایسه دقیقی از سطوح ضروری و حرفهای کیت رابط کاربری Places ارائه میدهد:
| قابلیت | ملزومات کیت رابط کاربری مکانها | کیت رابط کاربری مکانها حرفهای |
|---|---|---|
| کد کم | ||
| سفارشی سازی سبک | ||
| پیکربندی محتوا | ||
| جزئیات مکان | ||
| عکسها و بررسیها | ||
| تنظیمات عکس و بررسی | ||
| تنظیمات دکمه | ||
| فهرستهای مکان سفارشی |
صورتحساب
عناصر زیر SKU مربوط به Places UI Kit Pro را تشکیل میدهند:
-
AdvancedPlaceListElement -
AdvancedPlaceSearchElement -
AdvancedPlaceDetailsElement -
AdvancedPlaceDetailsCompactElement
هزینه کوئریهای Places UI Kit بر اساس نمونهسازی کامپوننت محاسبه میشود، نه بر اساس دادههای Places API موجود در پاسخ. هیچ هزینه اضافی مربوط به هیچ یک از فراخوانیهای API اساسی لازم برای ارائه پاسخ وجود ندارد. به عنوان مثال، جستجوی Nearby Kit در Places UI Kit هیچ هزینه اضافی برای بازگرداندن عکسهای هر مکان ایجاد نمیکند.