Các tính năng hỗ trợ WebGL cho API JavaScript của Maps cho phép bạn kiểm soát độ nghiêng và xoay, thêm đối tượng 3D trực tiếp vào bản đồ và hơn thế nữa. Chiến lược phát hành đĩa đơn bao gồm các tính năng sau:
- Chế độ xem lớp phủ WebGL cho phép bạn thêm đồ hoạ 2D và 3D tuỳ chỉnh cũng như nội dung hoạt ảnh vào bản đồ của mình.
- Độ nghiêng và hướng hiện có thể điều chỉnh theo phương thức lập trình cũng như bằng chuột và bàn phím cử chỉ.
- map.moveCamera() cho phép bạn thay đổi đồng thời nhiều thuộc tính của máy ảnh.
- Zoom hiện hỗ trợ giá trị phân số.
Bắt đầu
Để sử dụng các tính năng mới của WebGL, bạn cần có ID bản đồ sử dụng bản đồ vectơ. Bạn cũng cần cập nhật yêu cầu tự khởi động API. Phần này cho bạn biết cách thực hiện.
Tạo mã bản đồ mới
Để tạo mã bản đồ mới, hãy làm theo các bước trong Sử dụng kiểu bản đồ dựa trên đám mây – Lấy mã bản đồ. Hãy nhớ đặt loại Bản đồ thành JavaScript và chọn Vector . Chọn Độ nghiêng và/hoặc Xoay để bật tính năng nghiêng và xoay trên bản đồ. Thao tác này sẽ cho phép bạn điều chỉnh các giá trị này theo phương thức lập trình, cũng như cho phép người dùng điều chỉnh độ nghiêng và hướng ngay trên bản đồ. Nếu việc sử dụng tính năng nghiêng hoặc tiêu đề sẽ ảnh hưởng xấu đến ứng dụng của bạn, hãy để Nghiêng và Xoay không đã chọn để người dùng sẽ không thể điều chỉnh độ nghiêng và xoay.
Cập nhật mã khởi chạy bản đồ
Bạn cần cung cấp mã bản đồ mà bạn vừa tạo. Bạn có thể tìm thấy thẻ này trên
Bản đồ
Quản lý. Cung cấp mã nhận dạng bản đồ khi bạn tạo thực thể bản đồ bằng cách sử dụng
Thuộc tính mapId như minh hoạ dưới đây:
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8,
mapId: 'MAP_ID'
});
Ví dụ
Chúng tôi đưa ra ví dụ để minh hoạ các tính năng này: