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 trực tiếp các đối tượng 3D vào bản đồ và nhiều tính năng khác. Trong đó có 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 ảnh động vào bản đồ.
- Giờ đây, bạn có thể điều chỉnh tính năng Nghiêng và tiêu đề theo phương thức lập trình, cũng như bằng cách sử dụng các cử chỉ trên 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 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ó 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 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 tùy chọn Vector. Đánh dấu 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, đồ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 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 bỏ chọn các tuỳ chọn Nghiêng và Xoay để người dùng không thể điều chỉnh độ nghiêng và độ xoay.
Cập nhật mã khởi tạo bản đồ của bạn
Hành động này yêu cầu mã bản đồ mà bạn vừa tạo. Bạn có thể tìm thấy công cụ này trên trang
Quản lý
Maps của mình. Cung cấp mã bản đồ khi bạn tạo thực thể của 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ụ
Ví dụ: để minh hoạ các tính năng này: