نمای کلی کنترل‌ها
نقشه‌های نمایش‌داده‌شده ازطریق «نقشه‌های سه‌بعدی» در Maps JavaScript API حاوی عناصر میانای کاربر، موسوم به کنترل‌های کاوش، برای پشتیبانی از تعامل کاربر با نقشه هستند. کنترل‌های کاوش به‌طور پیش‌فرض در میانای کاربر نقشه نمایش داده می‌شوند، اما می‌توان آن‌ها را برای سادگی یا ایجاد فضا برای کنترل‌های سفارشی غیرفعال کرد. توجه داشته باشید که میان‌برهای صفحه‌کلید برای کاوش نقشه وقتی کنترل‌های میانای کاربر غیرفعال است دردسترس است.
3D Maps در Maps JavaScript API همچنین از راهنمایی کاربران در اطراف نقشه بااستفاده از مسیرهای دوربین ازپیش‌تنظیم‌شده پشتیبانی می‌کند. این مسیرها را می‌توان سفارشی‌سازی و ترکیب کرد تا تجربه‌های سه‌بعدی غنی ایجاد شود.
کنترل‌های کاوش
تصویر زیر مجموعه پیش‌فرض کنترل‌هایی را نشان می‌دهد که توسط «نقشه‌های سه‌بعدی» در Maps JavaScript API نمایش داده می‌شود:
در زیر، فهرست مجموعه کامل کنترل‌ها در «نقشه‌های سه‌بعدی» در Maps JavaScript آمده است:
- کنترل بزرگ‌نمایی دکمه‌های «+» و «-» را برای تغییر سطح بزرگ‌نمایی نقشه نمایش می‌دهد.
- کنترل جابه‌جایی دکمه‌های «←»، «→»، «↑»، و «↓» را برای تغییر مرکز نقشه نمایش می‌دهد.
- کنترل‌های چرخش به شما امکان می‌دهد جهت دوربین را تغییر دهید.
- کنترل کج کردن به شما امکان می‌دهد زاویه دوربین را تغییر دهید.
- کنترل قطب‌نما جهت شمال قطب‌نما را نشان می‌دهد و امکان بازنشانی دوربین به جهت شمال را فراهم می‌کند.
نمونه کد زیر نحوه تغییر وضعیت کنترل‌های کاوش را نشان می‌دهد:
JavaScript
const map = new Map3DElement({
center: { lat: 37.819852, lng: -122.478549, altitude: 2000 },
tilt: 75,
heading: 330,
mode: MapMode.SATELLITE,
defaultUIHidden: true,
});
HTML
<gmp-map-3d
mode="hybrid"
range="639.274301042242"
tilt="64.92100184857551"
center="34.0768990953219,-118.47450491266041,292.9794737933403"
heading="-61.02026752077781"
default-ui-disabled
></gmp-map-3d>
مراحل بعدی
- با نحوه محدود کردن نقشه و دوربین آشنا شوید.
- با نحوه گوش دادن به تعامل کاربر و مدیریت آن آشنا شوید.