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

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

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

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

مثال زیر مقداردهی اولیه یک نقشه با استفاده از گزینه center را برای اطمینان از یک نقطه کانونی خاص نشان می‌دهد. نشانگر، نقطه مرکزی ارائه شده در center را نشان می‌دهد: 

<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=weekly&libraries=maps3d"></script>
    </body>
</html>
index.html

کد منبع کامل مثال را ببینید

سی‌اس‌اس 

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

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

اچ‌تی‌ام‌ال 

<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=weekly&libraries=maps3d"></script>
    </body>
</html>
index.html

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

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

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

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

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

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

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