ฟีเจอร์ที่ทำงานด้วย 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'
});
ตัวอย่าง
เรามีตัวอย่างที่แสดงให้เห็นถึงฟีเจอร์เหล่านี้