มุมมองการวางซ้อนของ 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 ในการใช้งานจริง