ควบคุมตำแหน่งของกล้อง

ในแผนที่ 3 มิติใน Maps JavaScript API คุณจะจัดการโฟกัสของกล้องได้โดยใช้ตัวเลือก cameraPosition

พฤติกรรมที่สำคัญ

  • เมื่อใช้ center: พิกัดละติจูดและลองจิจูดจะระบุจุดที่แน่นอนบนแผนที่ซึ่งกล้องหันไป
  • เมื่อใช้ cameraPosition: กล้องจะอยู่ที่พิกัด ที่ระบุไว้ในระหว่างการก่อสร้าง ซึ่งมักทำให้จัดกึ่งกลางของ มุมมองไปยังจุดที่น่าสนใจที่เฉพาะเจาะจงได้ยาก

ตัวอย่างต่อไปนี้แสดงการเริ่มต้นแผนที่โดยใช้ตัวเลือก center เพื่อให้มั่นใจว่ามีจุดโฟกัสที่เฉพาะเจาะจง เครื่องหมายจะระบุจุดกึ่งกลางที่ระบุ ใน center

CSS

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

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

HTML

<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>
index.html

ลองใช้ตัวอย่าง

ขอบเขตการมองเห็นและระยะ

คุณปรับระดับการมองเห็นแผนที่ในวิวพอร์ตได้โดยใช้พารามิเตอร์ 2 รายการที่แตกต่างกัน ได้แก่ range และ fov แม้ว่าทั้ง 2 อย่างจะส่งผลต่อระดับ "การซูม" แต่ก็มีฟังก์ชันการทำงานที่แตกต่างกัน ดังนี้

  • range: ควบคุมระยะทางจริงระหว่างกล้องกับจุดศูนย์กลาง การปรับค่านี้จะเทียบเท่ากับการย้ายกล้องให้ใกล้หรือ ไกลจากแผนที่มากขึ้น

  • fov (Field of View): ควบคุมมุมของเลนส์กล้อง ค่าที่สูงขึ้น จะทำงานเหมือนเลนส์มุมกว้างที่แสดงขอบภาพมากขึ้น ส่วนค่าที่ต่ำลง จะทำงานเหมือนเลนส์เทเลโฟโต้

การเปรียบเทียบต่อไปนี้แสดงแผนที่เดียวกันที่ปลายทั้ง 2 ด้านของfov สเปกตรัม ในแผนที่ทางซ้าย ระบบตั้งค่า FOV เป็น 5 (แคบ/เทเลโฟโต้) ส่วนในแผนที่ทางขวา ระบบตั้งค่าเป็น 80 (มุมกว้าง)

การเปรียบเทียบภาพเรนเดอร์ทางอากาศแบบ 3 มิติของสะพานโกลเด้นเกต 2 ภาพ ด้านซ้ายแสดงมุมมองจากด้านบนแบบกว้างของช่วงสะพานทั้งหมดและ Marin Headlands ด้านขวาแสดงภาพระยะใกล้สุดของเสาแขวนสีแดงและพื้นสะพานในมุมที่ลาดลงอย่างมาก