نمای کلی کنترل‌ها
نقشه‌هایی که از طریق نقشه‌های سه‌بعدی در API جاوااسکریپت Maps نمایش داده می‌شوند، حاوی عناصر رابط کاربری هستند که به عنوان کنترل‌های کاوش شناخته می‌شوند و از تعامل کاربر با نقشه پشتیبانی می‌کنند. کنترل‌های کاوش به طور پیش‌فرض در رابط کاربری نقشه نمایش داده می‌شوند، اما می‌توان آن‌ها را برای سادگی یا ایجاد فضا برای کنترل‌های سفارشی غیرفعال کرد. توجه داشته باشید که میانبرهای صفحه کلید برای کاوش نقشه در صورت غیرفعال بودن کنترل‌های رابط کاربری در دسترس هستند.
نقشه‌های سه‌بعدی در Maps JavaScript API همچنین از هدایت کاربران شما در اطراف نقشه با استفاده از مسیرهای از پیش تعیین‌شده دوربین پشتیبانی می‌کند. این مسیرها را می‌توان سفارشی‌سازی و ترکیب کرد تا تجربیات سه‌بعدی غنی ایجاد شود.
کنترل‌های اکتشاف
تصویر زیر مجموعه پیش‌فرض کنترل‌های نمایش داده شده توسط نقشه‌های سه‌بعدی در Maps JavaScript API را نشان می‌دهد:
در زیر لیستی از مجموعه کامل کنترل‌های موجود در نقشه‌های سه‌بعدی در Maps JavaScript آمده است:
- کنترل بزرگنمایی، دکمه‌های "+" و "-" را برای تغییر سطح بزرگنمایی نقشه نمایش می‌دهد.
- کنترل Move دکمه‌های "←"، "→"، "↑" و "↓" را برای تغییر مرکز نقشه نمایش می‌دهد.
- کنترل‌های چرخش به شما امکان می‌دهند جهت دوربین را تغییر دهید.
- کنترل شیب به شما امکان می‌دهد شیب دوربین را تغییر دهید.
- کنترل قطب‌نما، جهت شمال قطب‌نما را نشان می‌دهد و امکان تنظیم مجدد دوربین به سمت شمال را فراهم می‌کند.
نمونه کد زیر، فعال و غیرفعال کردن کنترل‌های کاوش را نشان می‌دهد:
جاوا اسکریپت
const map = new Map3DElement({
center: { lat: 37.819852, lng: -122.478549, altitude: 2000 },
tilt: 75,
heading: 330,
mode: MapMode.SATELLITE,
defaultUIHidden: true,
});
اچ‌تی‌ام‌ال
<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>
مراحل بعدی
- یاد بگیرید چگونه نقشه و دوربین را محدود کنید .
- یاد بگیرید که چگونه به تعامل کاربر گوش دهید و آن را مدیریت کنید .