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