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