มุมมองการวางซ้อนของ deck.gl

ดูตัวอย่าง

Deck.gl เป็นเฟรมเวิร์กการแสดงภาพที่ทำงานด้วย WebGL ซึ่งให้บริการการแสดงข้อมูล 2 มิติและ 3 มิติที่ใช้งานง่ายหลากหลายรูปแบบที่รองรับชุดข้อมูลขนาดใหญ่ คุณสามารถเพิ่มการแสดงข้อมูลด้วยภาพ deck.gl โดยใช้ Maps JavaScript API กับคลาส GoogleMapsOverlay ของ deck.gl

Deck.gl รองรับแหล่งข้อมูลและรูปแบบหลายรูปแบบ รวมถึงการสร้างการแสดงภาพแบบคอมโพสิตโดยการเรนเดอร์เลเยอร์การแสดงภาพหลายเลเยอร์บนแผนที่

ข้อกำหนด

หากต้องการใช้ deck.gl คุณต้องใช้สาราสเตอร์หรือแผนที่เวกเตอร์ที่ Maps JavaScript API มีให้ เราขอแนะนำให้ใช้แผนที่เวกเตอร์เพื่อให้คุณใช้ประโยชน์จากฟีเจอร์ที่ทำงานด้วย WebGL ของแผนที่ฐานของ Google ได้อย่างเต็มที่ ซึ่งรวมถึงการเอียง การพลิก และการควบคุมกล้อง 3 มิติอย่างเต็มรูปแบบ

ดูรายละเอียดในภาพรวมของแผนที่เวกเตอร์

กำลังโหลด deck.gl

คุณโหลด Deck.gl ในเว็บแอปได้โดยใช้แท็กสคริปต์ หรือติดตั้งเป็นโมดูลจาก Node Package Manager (NPM)

ดูข้อมูลเพิ่มเติมได้ที่เอกสารประกอบ@deck.gl/google-maps ในเว็บไซต์ deck.gl

การเพิ่มการแสดงภาพ deck.gl ลงในแผนที่

ระบบจะเพิ่มการแสดงข้อมูลผ่านภาพ Deck.gl ลงในแผนที่โดยการสร้างอินสแตนซ์ของคลาส GoogleMapsOverlay ที่ deck.gl มีให้

ดูข้อมูลเพิ่มเติมได้ที่เอกสารประกอบ GoogleMapsOverlay ในเว็บไซต์ deck.gl

การแสดงภาพที่ใช้ได้

Deck.gl มีการแสดงภาพ 2 มิติและ 3 มิติหลายแบบที่ได้รับการเพิ่มประสิทธิภาพเพื่อแสดงข้อมูลประเภทต่างๆ ดูรายการทั้งหมดได้ที่แคตตาล็อกเลเยอร์ในเว็บไซต์ deck.gl

ตัวอย่าง

ดูตัวอย่างการใช้งาน deck.gl และ Maps JavaScript API เพิ่มเติม