Thông báo bảo mật: Chúng tôi đã nhận thấy một vấn đề bảo mật có thể ảnh hưởng đến các trang web sử dụng các thư viện cụ thể của bên thứ ba (bao gồm cả polyfill.io). Vấn đề này đôi khi có thể chuyển hướng khách truy cập khỏi trang web mong muốn mà chủ sở hữu trang web không biết hoặc không cho phép. Nhiều mẫu JavaScript của chúng tôi trước đây đã bao gồm phần khai báo tập lệnh polyfill.io. Chúng tôi đã xoá phương thức này khỏi các mẫu của mình. Nếu đã sử dụng các mẫu JavaScript có chứa nội dung khai báo này, bạn nên xoá nội dung khai báo.

Trang này được dịch bởi Cloud Translation API.

Bắt đầu

Chọn nền tảng: Android iOS JavaScript

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

Nhận 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 Maps JavaScript. Để tìm hiểu thêm, hãy xem bài viết Thiết lập dự án trên Google Cloud.

Tải khoá API

Tạo mã bản đồ

Để tạo mã bản đồ mới, hãy làm theo các bước trong Tuỳ chỉnh trên đám mây. Đặt loại bản đồ thành JavaScript rồi chọn tuỳ chọn Vector (Vectơ) hoặc Raster (Mảng).

Tạo mã bản đồ vectơ

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

Bạn cần cung cấp mã bản đồ mà bạn vừa tạo. Có thể tìm thấy địa điểm đó trên Maps của bạn Quản lý.

Tải API JavaScript cho Maps.

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

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

Cung cấp mã bản đồ khi bạn tạo bản sao 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 yêu cầu mã bản đồ. Nếu thiếu mã bản đồ, thì bạn sẽ 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 báo về các thay đổi về chức năng bản đồ. Việc sử dụng Chức năng của bản đồ là không bắt buộc và chỉ nên 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

Tạo điểm đánh dấu nâng cao mặc định