Marker (deprecated)

Lớp Marker

class google.maps.Marker extends MVCObject
library "marker"

const {Marker} = await google.maps.importLibrary("marker");

Giao diện MarkerOptions

giao diện google.maps.MarkerOptions

Đối tượng MarkerOptions dùng để xác định các thuộc tính có thể đặt trên một Điểm đánh dấu.

Thuộc tính
anchorPoint không bắt buộc	Loại: Point optional Độ lệch từ vị trí của điểm đánh dấu đến đầu của InfoWindow đã được mở bằng điểm đánh dấu làm điểm neo.
animation không bắt buộc	Loại: Animation optional Mặc định: null Ảnh động sẽ phát khi điểm đánh dấu được thêm vào bản đồ.
clickable không bắt buộc	Loại: boolean optional Mặc định: true Nếu true, điểm đánh dấu sẽ nhận được các sự kiện nhấp chuột và chạm.
collisionBehavior không bắt buộc	Loại: string|CollisionBehavior optional Mặc định: null Đặt trạng thái va chạm cho điểm đánh dấu trên bản đồ vectơ.
crossOnDrag không bắt buộc	Loại: boolean optional Mặc định: true Nếu false, hãy tắt dấu chữ thập xuất hiện bên dưới điểm đánh dấu khi kéo.
cursor không bắt buộc	Loại: string optional Mặc định: pointer Loại con trỏ chuột sẽ hiển thị khi di chuột qua.
draggable không bắt buộc	Loại: boolean optional Mặc định: false Nếu true, bạn có thể kéo điểm đánh dấu. Lưu ý: Việc đặt giá trị này thành true sẽ giúp người dùng nhấp được vào điểm đánh dấu ngay cả khi clickable được đặt thành false.
icon không bắt buộc	Loại: string|Icon|Symbol optional Biểu tượng cho nền trước. Nếu một chuỗi được cung cấp, thì chuỗi đó sẽ được coi như một Icon có chuỗi là url.
label không bắt buộc	Loại: string|MarkerLabel optional Mặc định: null Thêm nhãn vào điểm đánh dấu. Nhãn điểm đánh dấu là một chữ cái hoặc số xuất hiện bên trong điểm đánh dấu. Nhãn có thể là một chuỗi hoặc một đối tượng MarkerLabel. Nếu bạn cung cấp và không cung cấp MarkerOptions.title, thì văn bản hỗ trợ tiếp cận (ví dụ: để sử dụng với trình đọc màn hình) sẽ được thêm vào điểm đánh dấu cùng với văn bản của nhãn được cung cấp. Xin lưu ý rằng label hiện chỉ được dùng cho văn bản hỗ trợ tiếp cận đối với các điểm đánh dấu chưa được tối ưu hoá.
map không bắt buộc	Loại: Map|StreetViewPanorama optional Bản đồ để hiển thị Điểm đánh dấu. Bản đồ là bắt buộc để hiển thị điểm đánh dấu và có thể được cung cấp bằng Marker.setMap nếu không được cung cấp khi tạo điểm đánh dấu.
opacity không bắt buộc	Loại: number optional Mặc định: 1.0 Một số từ 0,0 (trong suốt) đến 1 (mờ).
optimized không bắt buộc	Loại: boolean optional Tính năng tối ưu hoá giúp nâng cao hiệu suất bằng cách hiển thị nhiều điểm đánh dấu dưới dạng một phần tử tĩnh duy nhất. Điều này hữu ích trong trường hợp cần có một số lượng lớn điểm đánh dấu. Đọc thêm về tối ưu hoá điểm đánh dấu. Lưu ý: Việc tối ưu hoá này không ảnh hưởng đến điểm đánh dấu trên bản đồ vectơ.
position không bắt buộc	Loại: LatLng|LatLngLiteral optional Đặt vị trí điểm đánh dấu. Bạn có thể tạo điểm đánh dấu nhưng không hiển thị cho đến khi cung cấp vị trí của điểm đánh dấu đó, chẳng hạn như thông qua hành động hoặc lựa chọn của người dùng. Bạn có thể cung cấp vị trí điểm đánh dấu bằng Marker.setPosition nếu không cung cấp tại thời điểm tạo điểm đánh dấu.
shape không bắt buộc	Loại: MarkerShape optional Định nghĩa vùng bản đồ hình ảnh dùng để kéo/nhấp.
title không bắt buộc	Loại: string optional Mặc định: undefined Văn bản di chuột qua. Nếu được cung cấp, văn bản hỗ trợ tiếp cận (ví dụ: để sử dụng với trình đọc màn hình) sẽ được thêm vào điểm đánh dấu có giá trị được cung cấp. Xin lưu ý rằng title hiện chỉ được dùng cho văn bản hỗ trợ tiếp cận đối với các điểm đánh dấu chưa được tối ưu hoá.
visible không bắt buộc	Loại: boolean optional Mặc định: true Nếu true, điểm đánh dấu sẽ hiển thị.
zIndex không bắt buộc	Loại: number optional Tất cả điểm đánh dấu đều xuất hiện trên bản đồ theo thứ tự zIndex, trong đó các giá trị cao hơn sẽ xuất hiện trước các điểm đánh dấu có giá trị thấp hơn. Theo mặc định, điểm đánh dấu được hiển thị theo vị trí thẳng đứng trên màn hình, trong đó điểm đánh dấu thấp hơn sẽ xuất hiện trước điểm đánh dấu ở vị trí cao hơn trên màn hình.

Hằng số CollisionBehavior

hằng số google.maps.CollisionBehavior
thư viện "marker"

Bạn cũng có thể sử dụng các hằng số này dưới dạng chuỗi. Trong TypeScript, giá trị cố định kiểu chuỗi được xác định bằng loại CollisionBehaviorString.

const {CollisionBehavior} = await google.maps.importLibrary("marker");

Giao diện Icon

giao diện google.maps.Icon

Cấu trúc đại diện cho hình ảnh biểu tượng Điểm đánh dấu.

Giao diện MarkerLabel

giao diện google.maps.MarkerLabel

Các tuỳ chọn này chỉ định giao diện của nhãn điểm đánh dấu. Nhãn điểm đánh dấu là một chuỗi (thường là một ký tự) sẽ xuất hiện bên trong điểm đánh dấu. Nếu đang sử dụng thuộc tính này với một điểm đánh dấu tuỳ chỉnh, bạn có thể đặt lại vị trí của thuộc tính bằng thuộc tính labelOrigin trong lớp Icon.

Giao diện MarkerShape

giao diện google.maps.MarkerShape

Đối tượng này xác định vùng có thể nhấp của hình ảnh điểm đánh dấu. Hình dạng bao gồm hai thuộc tính — type và coord — xác định vùng không trong suốt của hình ảnh.

Giao diện Symbol

giao diện google.maps.Symbol

Mô tả một biểu tượng, bao gồm một đường dẫn vectơ có kiểu. Bạn có thể dùng một biểu tượng làm biểu tượng của điểm đánh dấu hoặc đặt biểu tượng đó trên một hình nhiều đường.

Hằng số SymbolPath

hằng số google.maps.SymbolPath
thư viện "core"

Đường dẫn biểu tượng tích hợp sẵn.

const {SymbolPath} = await google.maps.importLibrary("core");

Hằng số ảnh động

hằng số google.maps.Animation
thư viện "marker"

Ảnh động có thể phát trên điểm đánh dấu. Sử dụng phương thức Marker.setAnimation trên Điểm đánh dấu hoặc tuỳ chọn MarkerOptions.animation để phát ảnh động.

const {Animation} = await google.maps.importLibrary("marker");