คุณลักษณะที่ทำงานด้วย 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'
});
ตัวอย่าง
เราได้ให้ตัวอย่างเพื่อแสดงฟีเจอร์เหล่านี้