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