Các tính năng dựa trên WebGL cho API Maps JavaScript cho phép bạn kiểm soát độ nghiêng và độ xoay, thêm các đối tượng 3D trực tiếp vào bản đồ, v.v. Bao gồm các tính năng sau:
- Chế độ xem lớp phủ WebGL cho phép bạn thêm nội dung đồ hoạ 2D và 3D tuỳ chỉnh cũng như nội dung động vào bản đồ.
- Giờ đây, bạn có thể điều chỉnh góc nghiêng và hướng bằng cách lập trình, cũng như bằng cử chỉ chuột và bàn phím.
- map.moveCamera() cho phép bạn thay đổi đồng thời nhiều thuộc tính máy ảnh.
- Tính năng thu phóng hiện hỗ trợ các giá trị phân số.
Bắt đầu
Để sử dụng các tính năng WebGL mới, bạn cần có một mã bản đồ sử dụng bản đồ vectơ. Bạn cũng cần cập nhật yêu cầu khởi động API. Phần này sẽ hướng dẫn bạn 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 bài viết Sử dụng tính năng tạo kiểu bản đồ trên đám mây – Lấy mã bản đồ. Hãy nhớ đặt loại Bản đồ thành JavaScript và chọn tuỳ chọn Vector. Đánh dấu vào Tilt (Nghiêng) và/hoặc Rotation (Xoay) để bật tính năng nghiêng và xoay trên bản đồ. Việ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, đồng thời cho phép người dùng điều chỉnh độ nghiêng và hướng trực tiếp trên bản đồ. Nếu việc sử dụng độ nghiêng hoặc hướng sẽ ảnh hưởng bất lợi đến ứng dụng của bạn, hãy bỏ đánh dấu Tilt (Độ nghiêng) và Rotation (Xoay) để người dùng 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 có mã bản đồ mà bạn vừa tạo. Bạn có thể tìm thấy thông tin này trên trang Quản lý Maps. Cung cấp mã nhận dạng bản đồ khi bạn tạo bản sao bản đồ bằng cách sử dụng thuộc tính mapId như sau:
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 đã cung cấp các ví dụ để minh hoạ những tính năng này: