คุณลักษณะที่ขับเคลื่อนโดย WebGL สำหรับ Maps JavaScript API ช่วยให้คุณ ควบคุมการเอียงและการหมุน เพิ่มวัตถุ 3 มิติลงในแผนที่โดยตรง และอื่นๆ รวมถึงฟีเจอร์ต่อไปนี้ด้วย
- มุมมองการวางซ้อนของ WebGL ช่วยให้คุณสามารถเพิ่มกราฟิก 2 มิติและ 3 มิติที่กำหนดเอง รวมถึงเนื้อหาภาพเคลื่อนไหวลงในแผนที่ของคุณ
- การเอียงและทิศทาง ก็สามารถปรับแต่งแบบเป็นโปรแกรม และโดยใช้เมาส์และแป้นพิมพ์
- map.moveCamera() จะช่วยให้คุณเปลี่ยนคุณสมบัติของกล้องหลายตัวพร้อมกันได้
- ตอนนี้ Zoom รองรับค่าที่เป็นเศษส่วนแล้ว
เริ่มต้นใช้งาน
หากต้องการใช้ฟีเจอร์ WebGL ใหม่ คุณต้องมีรหัสแผนที่ที่ใช้ แผนที่เวกเตอร์ นอกจากนี้ คุณยังต้อง อัปเดตคำขอ Bootstrap ของ API ของคุณ ส่วนนี้จะแสดงวิธีดำเนินการ
สร้างรหัสแผนที่ใหม่
หากต้องการสร้างรหัสแผนที่ใหม่ ให้ทำตามขั้นตอนใน การใช้การจัดรูปแบบแผนที่ในระบบคลาวด์ - รับรหัสแผนที่ อย่าลืมตั้งค่าประเภทแผนที่เป็น JavaScript และเลือกเวกเตอร์ ตัวเลือก เลือกเอียงและ/หรือการหมุนเพื่อเปิดใช้การเอียงและการหมุนใน แผนที่ การทำเช่นนี้จะช่วยให้คุณสามารถปรับค่าเหล่านี้แบบเป็นโปรแกรม และ ช่วยให้ผู้ใช้ปรับการเอียงและทิศทางบนแผนที่ได้โดยตรง หากใช้การเอียงหรือ ส่วนหัวจะส่งผลเสียต่อแอป ให้ปล่อยตัวเลือกเอียงและการหมุนไว้ เพื่อไม่ให้ผู้ใช้ปรับการเอียงและการหมุนได้
อัปเดตรหัสการเริ่มต้นแผนที่
ซึ่งต้องใช้รหัสแผนที่ที่คุณเพิ่งสร้างขึ้น โดยสามารถดูได้ที่
แผนที่
การจัดการ ระบุรหัสแผนที่เมื่อคุณสร้างตัวอย่างแผนที่โดยใช้
ที่พัก mapId
แห่งตามที่แสดงไว้ที่นี่
map = new google.maps.Map(document.getElementById('map'), { center: {lat: -34.397, lng: 150.644}, zoom: 8, mapId: 'MAP_ID' });
ตัวอย่าง
เราแสดงตัวอย่างมาเพื่อสาธิตฟีเจอร์เหล่านี้