Bắt đầu

Hãy làm theo các bước sau để thiết lập điểm đánh dấu nâng cao.

Lấy khoá API và bật Maps JavaScript API

Trước khi sử dụng điểm đánh dấu nâng cao, bạn cần có một dự án trên Google Cloud có tài khoản thanh toán và đã bật API JavaScript của Maps. Để tìm hiểu thêm, hãy xem bài viết Thiết lập dự án trên đám mây của Google.

Lấy khoá API

Tạo mã bản đồ

Để tạo một mã bản đồ mới, hãy làm theo các bước trong phần Tuỳ chỉnh trên đám mây. Đặt Loại bản đồ thành JavaScript, rồi chọn Vectơ hoặc Mành.

Cập nhật mã khởi chạy bản đồ

Bạn cần có mã bản đồ vừa tạo để thực hiện việc này. Bạn có thể tìm thấy mã này trên trang Quản lý bản đồ.

1. Tải API JavaScript của Maps.

2. Tải thư viện điểm đánh dấu nâng cao từ trong hàm async khi cần:

   const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;

3. Cung cấp mã bản đồ khi bạn tạo thực thể cho bản đồ bằng thuộc tính mapId. Đây có thể là mã bản đồ mà bạn cung cấp hoặc DEMO_MAP_ID.

   const map = new
   google.maps.Map(document.getElementById('map'), {
     center: {lat: -34.397, lng: 150.644},
     zoom: 8,
     mapId: 'YOUR_MAP_ID'
   });

Kiểm tra các chức năng của bản đồ (không bắt buộc)

Điểm đánh dấu nâng cao cần có mã bản đồ. Nếu thiếu mã bản đồ, thì bạn không thể tải điểm đánh dấu nâng cao. Để khắc phục sự cố, bạn có thể thêm trình nghe mapcapabilities_changed để đăng ký nhận thông tin về các thay đổi đối với chức năng của bản đồ. Bạn không bắt buộc phải sử dụng Chức năng của bản đồ và chỉ nên sử dụng cho mục đích thử nghiệm và khắc phục sự cố hoặc cho mục đích dự phòng trong thời gian chạy.

// Optional: subscribe to map capability changes.
map.addListener('mapcapabilities_changed', () => {
  const mapCapabilities = map.getMapCapabilities();

  if (!mapCapabilities.isAdvancedMarkersAvailable) {
    // Advanced markers are *not* available, add a fallback.
  }
});

Các bước tiếp theo

Thêm điểm đánh dấu vào bản đồ