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à hơn thế nữa. 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 động cũng như đồ hoạ 2D và 3D tuỳ chỉnh vào bản đồ.
- Giờ đây, bạn có thể điều chỉnh độ nghiêng và tiêu đề theo phương thức lập trình, cũng như bằng các cử chỉ dùng 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 WebGL mới, 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 API tự khởi động. 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 đồ 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 tuỳ chọn Vector. Đánh dấu các tuỳ chọn Nghiêng và/hoặc Xoay để bật tính năng nghiêng và xoay trên bản đồ. Làm như vậ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 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ỏ đánh dấu 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
Để làm được điều này, bạn phải có mã bản đồ mà bạn vừa tạo. Bạn có thể tìm thấy ứng dụng 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ể cho 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: