ภาพรวม

เลือกแพลตฟอร์ม: Android iOS JavaScript

แผนที่ 3 มิติใน Maps JavaScript ช่วยให้คุณสร้างประสบการณ์การใช้งานแผนที่ 3 มิติที่สมจริงได้ โดยมี เครื่องมือสำหรับปรับแต่งสไตล์แผนที่ ปรับปรุงการช่วยเหลือพิเศษ และเพิ่ม ความสามารถในการใช้งาน ซึ่งช่วยให้พัฒนาแอปพลิเคชันที่น่าสนใจและโต้ตอบได้

ตัวอย่างสิ่งที่คุณทำได้ด้วยแผนที่ 3 มิติใน Maps JavaScript API

เหตุผลที่ควรใช้แผนที่ 3 มิติใน Maps JavaScript

แผนที่ 3 มิติในคลาส JavaScript ของ Maps ช่วยให้คุณใช้ภาพ 3 มิติของ Google ในแอปพลิเคชันได้ แผนที่ 3 มิติมีประสบการณ์การแสดงผล 3 มิติในตัว ซึ่งช่วยให้คุณผสานรวมหรือทดลองใช้แผนที่ 3 มิติได้อย่างรวดเร็วและราบรื่น

คุณทำอะไรได้บ้างด้วยแผนที่ 3 มิติใน Maps JavaScript

  • สร้างประสบการณ์แผนที่ในโลกแห่งความเป็นจริง: ทำให้สถานที่ต่างๆ มีชีวิตชีวาด้วย สภาพแวดล้อม 3 มิติที่สมจริง ซึ่งมีขนาดและรายละเอียดที่ไม่เคยมีมาก่อน
  • ปรับแต่งรูปแบบของแผนที่
    • การจัดรูปแบบแผนที่ 3 มิติในระบบคลาวด์: ควบคุมความหนาแน่นของจุดแผนที่ฐาน และการจัดรูปแบบถนน
    • เครื่องหมายที่กำหนดเอง ป๊อปโอเวอร์ และเส้นหลายเส้นที่มีสไตล์: ปรับแต่งเครื่องหมายเพื่อ ระบุตำแหน่งบนแผนที่
    • โมเดล 3 มิติและชิ้นงาน gLTF: เพิ่มโมเดล 3 มิติแบบละเอียดของอาคาร สถานที่สำคัญ หรือออบเจ็กต์ที่กำหนดเอง
  • สร้างแผนที่ที่สมจริง
    • เส้นทางกล้องที่กำหนดไว้ล่วงหน้า: นำทางผู้ใช้ผ่านแผนที่ 3 มิติด้วยภาพเคลื่อนไหวของกล้องที่กำหนดไว้ล่วงหน้า โดยเปลี่ยนระหว่างจุดที่น่าสนใจ
    • ควบคุมการโต้ตอบของผู้ใช้: ปรับแต่งการควบคุมและการเคลื่อนไหวของกล้อง ที่ผู้ใช้สามารถใช้ได้

วิธีใช้แผนที่ 3 มิติใน Maps JavaScript

1 เริ่มตั้งค่า เริ่มต้นด้วยตั้งค่า JavaScript API และทำตามวิธีการตั้งค่าที่ตามมาให้เสร็จ
2 ทำความเข้าใจวิธีเรียกเก็บเงินของ Maps JavaScript API โปรดดูข้อมูลที่หัวข้อการใช้งานและการเรียกเก็บเงิน
3 สร้างแผนที่ ดูข้อมูลเพิ่มเติมได้ที่ เริ่มต้นใช้งาน

ความครอบคลุม

ตรวจสอบแผนที่ 3 มิติในพื้นที่ครอบคลุมที่ Maps JavaScript รองรับ

ขั้นตอนถัดไป

  • ดูคู่มือเริ่มต้นใช้งานเพื่อสร้าง "Hello, World!" แผนที่ 3 มิติ
  • ลองใช้ Codelab เบื้องต้น เพื่อดูวิธีเพิ่มฟีเจอร์ลงในแผนที่
  • ขยายความรู้เกี่ยวกับเครื่องหมายและภาพเคลื่อนไหวในCodelab ถัดไป
  • เรียกดูคอลเล็กชันตัวอย่างของ Google เพื่อค้นหาตัวอย่างที่เหมาะกับ Use Case ของคุณ