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 đồ hoạ 2D và 3D tuỳ chỉnh cũng như nội dung ảnh động vào bản đồ của mình.
- 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ỉ chuột và bàn phím.
- map.moveCamera() cho phép bạn thay đổi cùng lúc nhiều thuộc tính của camera.
- 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 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 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. Chọn Độ nghiêng và/hoặc 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 tiêu đề ảnh hưởng xấu đến ứng dụng của bạn, hãy bỏ chọn Nghiêng và Xoay để người dùng không thể điều chỉnh độ nghiêng và chế độ 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 công cụ này trên trang
Quản lý
Maps. 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ạ bên dưới:
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: