Tuỳ chỉnh bản đồ 3D

Bạn có thể tuỳ chỉnh giao diện và cảm nhận về bản đồ cơ sở 3D bằng cách định kiểu bản đồ dựa trên đám mây.

Với tính năng định kiểu bản đồ dựa trên đám mây, bạn có thể kiểm soát giao diện và cảm nhận về bản đồ mà bạn trình bày cho người dùng. Bằng cách kiểm soát các tính năng như mật độ của địa điểm yêu thích (POI), loại bỏ một số danh mục POI và sửa đổi màu tô hoặc đường viền của các tính năng, bạn có thể tạo trải nghiệm bản đồ phù hợp với người dùng.

Tính năng định kiểu bản đồ dựa trên đám mây mang đến trải nghiệm chỉnh sửa không cần dùng mã trong bảng điều khiển Cloud. Nội dung chỉnh sửa mà bạn thực hiện đối với kiểu trong bảng điều khiển Maps sẽ tự động xuất hiện trong ứng dụng.

Ví dụ sau đây cho thấy một bản đồ sử dụng kiểu tuỳ chỉnh để thay đổi màu của biểu tượng và văn bản của tính năng giải trí thành màu cam:

async function initMap() {
    const { Map3DElement } = await google.maps.importLibrary('maps3d');
    const map = new Map3DElement({
        center: {
            lat: 37.75183154601466,
            lng: -119.52369070507672,
            altitude: 2200,
        },
        tilt: 67.5,
        heading: 108.94057782079429,
        range: 6605.57279990986,
        mapId: 'bcce776b92de1336e22c569f',
        mode: 'HYBRID',
        gestureHandling: 'COOPERATIVE',
    });
    document.body.append(map);
}
initMap();
index.js

Tổng quan

Quy trình tuỳ chỉnh bản đồ 3D bằng tính năng định kiểu bản đồ dựa trên đám mây cũng giống như đối với bản đồ 2D:

1 Tạo mã bản đồ Tạo mã bản đồ. Mã bản đồ được truyền đến ứng dụng của bạn để xử lý kiểu. Bạn sẽ liên kết một kiểu tuỳ chỉnh với mã bản đồ này trong các bước tiếp theo.
2 Tạo kiểu bản đồ dựa trên đám mây Bạn phải chọn "3D kết hợp" và sử dụng "chế độ sáng" trong bước này.
3 Liên kết kiểu bản đồ với bản đồ Liên kết kiểu với mã bản đồ mà bạn đã tạo ở bước một
4 Thêm mã bản đồ vào ứng dụng Chỉ định mã bản đồ trong mã bằng tham số map-id.
5 Xuất bản mã bản đồ Xin lưu ý rằng những thay đổi đối với kiểu tuỳ chỉnh sẽ tự động được đưa vào ứng dụng sau khi xuất bản.

Để tìm hiểu kỹ về cách tạo kiểu bản đồ, hãy xem bài viết Tạo và sử dụng kiểu bản đồ.

Các điểm hạn chế

Bạn cần lưu ý một số điểm hạn chế khi sử dụng tính năng định kiểu bản đồ dựa trên đám mây với Bản đồ 3D trong Maps JavaScript:

  • Không hỗ trợ chế độ tối.
  • Không hỗ trợ các tính năng có bật mã bản đồ như tính năng định kiểu dựa trên dữ liệu.