Maps

Lớp MapElement

Lớp google.maps.MapElement

MapElement là một lớp con HTMLElement để hiển thị bản đồ. Sau khi tải thư viện maps, bạn có thể tạo một bản đồ bằng HTML. Ví dụ: 

<gmp-map center="37.4220656,-122.0840897" zoom="10" map-id="DEMO_MAP_ID">
  <button slot="control-block-start-inline-end">Custom Control</button>
</gmp-map>
Về nội bộ, nó sử dụng Map. Bạn có thể truy cập vào Map bằng thuộc tính MapElement.innerMap.

Phần tử tuỳ chỉnh:
<gmp-map center="lat,lng" heading-interaction-disabled internal-usage-attribution-ids="id1 id2" map-id="string" rendering-type="vector" tilt-interaction-disabled zoom="number"></gmp-map>

Lớp này mở rộng HTMLElement.

Lớp này triển khai MapElementOptions.

Truy cập bằng cách gọi const {MapElement} = await google.maps.importLibrary("maps").
Xem Thư viện trong Maps JavaScript API.
MapElement
MapElement([options])
Tham số: 
center
Loại:  LatLng|LatLngLiteral optional
Vĩ độ/kinh độ trung tâm của bản đồ.
Thuộc tính HTML:
  • <gmp-map center="lat,lng"></gmp-map>
headingInteractionDisabled
Loại:  boolean optional
Mặc định: false
Liệu bản đồ có cho phép người dùng kiểm soát hướng camera (xoay) hay không. Tuỳ chọn này chỉ có hiệu lực khi bản đồ là bản đồ vectơ. Nếu không được đặt trong mã, thì cấu hình đám mây cho mã bản đồ sẽ được dùng (nếu có).
Thuộc tính HTML:
  • <gmp-map heading-interaction-disabled></gmp-map>
innerMap
Loại:  Map
Một tham chiếu đến Map mà MapElement sử dụng nội bộ.
internalUsageAttributionIds
Loại:  Iterable<string> optional
Mặc định: null
Thêm mã nhận dạng phân bổ mức sử dụng vào trình khởi tạo. Mã này giúp Google hiểu được những thư viện và mẫu nào hữu ích cho nhà phát triển, chẳng hạn như mức sử dụng thư viện phân cụm điểm đánh dấu. Để chọn không gửi mã nhận dạng phân bổ mức sử dụng, bạn có thể xoá thuộc tính này hoặc thay thế giá trị bằng một chuỗi trống. Hệ thống sẽ chỉ gửi các giá trị riêng biệt. Những thay đổi đối với giá trị này sau khi khởi tạo có thể bị bỏ qua.
Thuộc tính HTML:
  • <gmp-map internal-usage-attribution-ids="id1 id2"></gmp-map>
mapId
Loại:  string optional
Mã bản đồ của bản đồ. Bạn không thể đặt hoặc thay đổi tham số này sau khi một bản đồ được khởi tạo. Bạn có thể dùng Map.DEMO_MAP_ID để dùng thử các tính năng yêu cầu mã bản đồ nhưng không yêu cầu bật đám mây.
Thuộc tính HTML:
  • <gmp-map map-id="string"></gmp-map>
renderingType
Loại:  RenderingType optional
Mặc định: RenderingType.VECTOR
Bản đồ phải là bản đồ raster hay bản đồ vectơ. Bạn không thể đặt hoặc thay đổi tham số này sau khi một bản đồ được khởi tạo. Nếu bạn không đặt chế độ này, thì cấu hình đám mây cho mã bản đồ sẽ xác định loại kết xuất (nếu có). Xin lưu ý rằng bản đồ vectơ có thể không dùng được trên một số thiết bị và trình duyệt. Bản đồ sẽ chuyển về bản đồ raster khi cần.
Thuộc tính HTML:
  • <gmp-map rendering-type="vector"></gmp-map>
  • <gmp-map rendering-type="raster"></gmp-map>
tiltInteractionDisabled
Loại:  boolean optional
Mặc định: false
Liệu bản đồ có cho phép người dùng kiểm soát độ nghiêng của camera hay không. Tuỳ chọn này chỉ có hiệu lực khi bản đồ là bản đồ vectơ. Nếu không được đặt trong mã, thì cấu hình đám mây cho mã bản đồ sẽ được dùng (nếu có).
Thuộc tính HTML:
  • <gmp-map tilt-interaction-disabled></gmp-map>