کنترل موقعیت دوربین

در API جاوا اسکریپت Maps مربوط به نقشه‌های سه‌بعدی، می‌توانید با استفاده از گزینه cameraPosition، فوکوس دوربین را مدیریت کنید.

رفتارهای کلیدی:

  • با center : مختصات طول و عرض جغرافیایی، نقطه دقیق روی نقشه که دوربین رو به آن است را مشخص می‌کنند.
  • با cameraPosition : خود دوربین در مختصاتی که در طول ساخت و ساز ارائه شده است قرار می‌گیرد. این اغلب متمرکز کردن دید روی یک نقطه خاص مورد نظر را دشوار می‌کند.

The following example demonstrates initializing a map using the center option to ensure a specific focal point. The marker indicates the center point provided in the center :

سی‌اس‌اس

gmp-map-3d {
  height: 100%;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

اچ‌تی‌ام‌ال

<html>
    <head>
        <title>3D Camera Position</title>

        <link rel="stylesheet" type="text/css" href="./style.css" />
    </head>
    <body>
        <gmp-map-3d
            center="40.7860524,-73.9634983,0"
            range="1500"
            tilt="70"
            heading="-150"
            mode="satellite">
            <gmp-marker position="40.7860524,-73.9634983" altitude-mode="clamp-to-ground"></gmp-marker>
        </gmp-map-3d>

        <script
            async
            src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8&v=beta&libraries=maps3d"></script>
    </body>
</html>

نمونه را امتحان کنید

میدان دید و برد

شما می‌توانید با استفاده از دو پارامتر مجزا، میزان قابل مشاهده نقشه در نمای دید را تنظیم کنید: محدوده و میدان دید (fov). در حالی که هر دو بر سطح "بزرگنمایی" تأثیر می‌گذارند، عملکرد متفاوتی دارند:

  • range : فاصله فیزیکی بین دوربین و نقطه مرکزی را کنترل می‌کند. تنظیم این مقدار معادل نزدیک‌تر یا دورتر کردن دوربین از نقشه است.

  • fov (میدان دید): زاویه لنز دوربین را کنترل می‌کند. مقدار بالاتر مانند یک لنز زاویه باز عمل می‌کند و حاشیه بیشتری را نشان می‌دهد، در حالی که مقدار کمتر مانند یک لنز تله فوتو عمل می‌کند.

مقایسه‌ی زیر، همان نقشه را در دو سر طیف میدان fov نشان می‌دهد. در نقشه‌ی سمت چپ، میدان دید روی ۵ (باریک/تله فوتو) و در نقشه‌ی سمت راست، روی ۸۰ (واید انگل) تنظیم شده است.

مقایسه‌ای پهلو به پهلو از دو تصویر هوایی سه‌بعدی از پل گلدن گیت. سمت چپ، نمای دید پرنده‌ای وسیعی از کل دهانه پل و مارین هدلندز را نشان می‌دهد. سمت راست، نمای بسیار نزدیکی از یک برج معلق قرمز و عرشه پل را با زاویه تند رو به پایین نشان می‌دهد.