Map View

Lớp LocalContextMapView

Lớp google.maps.localContext.LocalContextMapView

Hiển thị trải nghiệm Ngữ cảnh cục bộ bằng Map.

Lớp này sẽ triển khai LocalContextMapViewOptions.

Truy cập bằng cách gọi const {LocalContextMapView} = await google.maps.importLibrary("localContext"). Xem Thư viện trong API JavaScript Maps.

LocalContextMapView
LocalContextMapView(options)
Các thông số: 
directionsOptions
element optional
Loại:  HTMLElement|SVGElement optional
Trường này ở chế độ chỉ có thể đọc. Phần tử DOM đang sao lưu khung hiển thị.
isTransitioningMapBounds
Loại:  boolean
Được đặt thành true trước khi LocalContextMapView bắt đầu thay đổi giới hạn của Map bên trong, và được đặt thành false sau khi LocalContextMapView hoàn tất việc thay đổi giới hạn của Map bên trong. (Không đặt khi chế độ bố cục thay đổi do thay đổi kích thước thích ứng.)
locationBias
Loại:  LocationBias optional
Vui lòng xem LocalContextMapViewOptions.locationBias. Việc thay đổi thuộc tính này trên LocalContextMapView có thể kích hoạt một lượt tìm kiếm mới.
locationRestriction
Loại:  LocationRestriction optional
Vui lòng xem LocalContextMapViewOptions.locationRestriction. Việc thay đổi thuộc tính này trên LocalContextMapView có thể kích hoạt một lượt tìm kiếm mới.
maxPlaceCount
Loại:  number
Vui lòng xem LocalContextMapViewOptions.maxPlaceCount. Việc thay đổi thuộc tính này trên LocalContextMapView có thể kích hoạt một lượt tìm kiếm mới.
placeTypePreferences
Vui lòng xem LocalContextMapViewOptions.placeTypePreferences. Việc thay đổi thuộc tính này trên LocalContextMapView có thể kích hoạt một lượt tìm kiếm mới. Iterable<string|PlaceTypePreference> cũng được chấp nhận.
Kế thừa: map, pinOptionsSetup, placeChooserViewSetup, placeDetailsViewSetup
addListener
addListener(eventName, handler)
Các thông số: 
  • eventNamestring
  • handlerFunction
Giá trị trả về:  MapsEventListener
Thêm hàm trình nghe đã cho vào tên sự kiện đã cho.
hidePlaceDetailsView
hidePlaceDetailsView()
Tham số: Không có
Giá trị trả lại hàng: Không có
Ẩn thông tin chi tiết về địa điểm.
search
search()
Tham số: Không có
Giá trị trả lại hàng: Không có
Tìm kiếm địa điểm để hiển thị cho người dùng dựa trên maxPlaceCount, placeTypePreferences, locationRestrictionlocationBias hiện tại.
error
function(event)
Đối số: 
Sự kiện này được kích hoạt nếu có lỗi trong khi thực hiện tìm kiếm.
placedetailsviewhidestart
function()
Đối số: Không có
Sự kiện này được kích hoạt trước khi thông tin chi tiết về địa điểm bắt đầu tạo ảnh động.
placedetailsviewshowstart
function()
Đối số: Không có
Sự kiện này được kích hoạt trước khi thông tin chi tiết về địa điểm bắt đầu tạo ảnh động.

Giao diện LocalContextMapViewOptions

Giao diện google.maps.localContext.LocalContextMapViewOptions

Các tuỳ chọn để tạo LocalContextMapView hoặc truy cập vào một LocalContextMapView hiện có.

maxPlaceCount
Loại:  number
Số địa điểm tối đa để hiển thị. Khi tham số này bằng 0, Thư viện ngữ cảnh cục bộ sẽ không tải địa điểm. [0,24]
placeTypePreferences
Loại địa điểm để tìm kiếm (tối đa 10). Loại Iterable<string|PlaceTypePreference> cũng được chấp nhận, nhưng chỉ được hỗ trợ trong các trình duyệt hỗ trợ sẵn Ký hiệu JavaScript.
directionsOptions optional
Các tùy chọn để tùy chỉnh đường đi. Nếu bạn không đặt chính sách này, thì tính năng đường đi và khoảng cách sẽ bị tắt.
element optional
Loại:  HTMLElement|SVGElement optional
Trường này ở chế độ chỉ có thể đọc. Phần tử DOM đang sao lưu khung hiển thị.
locationBias optional
Loại:  LocationBias optional
Mặc định: null
Ranh giới hoặc gợi ý mềm để sử dụng khi tìm kiếm địa điểm.
locationRestriction optional
Loại:  LocationRestriction optional
Các giới hạn để ràng buộc kết quả tìm kiếm. Nếu không được chỉ định, kết quả sẽ bị ràng buộc với khung nhìn bản đồ.
map optional
Loại:  Map optional
Một thực thể Map đã được tạo thực thể. Nếu được truyền vào, bản đồ sẽ được chuyển vào DOM của LocalContextMapView và sẽ không được định kiểu lại. Phần tử liên kết với Bản đồ cũng có thể có các kiểu và lớp được LocalContextMapView áp dụng cho phần tử đó.
pinOptionsSetup optional
Loại:  (function({
  isSelected:boolean,
  isHighlighted:boolean
}): (PinOptions optional))|PinOptions optional
Định cấu hình biểu tượng điểm đánh dấu địa điểm dựa trên trạng thái của biểu tượng. Được gọi bất cứ khi nào giá trị đầu vào cho lệnh gọi lại thay đổi. Truyền một hàm để tự động ghi đè chế độ thiết lập mặc định khi LocalContextMapView vẽ điểm đánh dấu địa điểm. Lỗi và cấu hình không hợp lệ có thể được xác định không đồng bộ và sẽ bị bỏ qua (mặc định sẽ được sử dụng và lỗi sẽ được ghi lại vào bảng điều khiển).
placeChooserViewSetup optional
Loại:  (function({
  defaultLayoutMode:PlaceChooserLayoutMode,
  defaultPosition:PlaceChooserPosition optional
}): (PlaceChooserViewSetupOptions optional))|PlaceChooserViewSetupOptions optional
Ghi đè thiết lập của chế độ xem trình chọn địa điểm. Truyền một hàm để tự động ghi đè chế độ thiết lập mặc định khi LocalContextMapView có thể thay đổi bố cục do đổi kích thước. Lỗi và cấu hình không hợp lệ có thể được xác định không đồng bộ và sẽ bị bỏ qua (thay vào đó sẽ sử dụng giá trị mặc định và lỗi sẽ được ghi lại vào bảng điều khiển). Các lỗi được phát hiện khi xây dựng sẽ khiến lỗi được gửi một cách đồng bộ.
placeDetailsViewSetup optional
Loại:  (function({
  defaultLayoutMode:PlaceDetailsLayoutMode,
  defaultPosition:PlaceDetailsPosition optional
}): (PlaceDetailsViewSetupOptions optional))|PlaceDetailsViewSetupOptions optional
Ghi đè chế độ thiết lập của chế độ xem chi tiết về địa điểm. Truyền một hàm để tự động ghi đè chế độ thiết lập mặc định khi LocalContextMapView có thể thay đổi bố cục do đổi kích thước. Lỗi và cấu hình không hợp lệ có thể được xác định không đồng bộ và sẽ bị bỏ qua (mặc định sẽ được sử dụng và lỗi sẽ được ghi lại vào bảng điều khiển). Các lỗi được phát hiện khi xây dựng sẽ khiến lỗi được gửi một cách đồng bộ.

PlaceTypePreference typedef

google.maps.localContext.PlaceTypePreference typedef

Loại địa điểm để tìm kiếm và trọng số để sử dụng. Nếu bạn bỏ qua weight, thư viện sẽ xác định trọng số mặc định. Các trọng số này có thể thay đổi và cải thiện theo thời gian.

{
  type:string,
  weight:number optional
}

Lớp MapDirectionsOptions

Lớp google.maps.localContext.MapDirectionsOptions

Cung cấp các chế độ cài đặt cho chỉ đường bằng LocalContextMapView.

Lớp này sẽ triển khai MapDirectionsOptionsLiteral.

Truy cập bằng cách gọi const {MapDirectionsOptions} = await google.maps.importLibrary("localContext"). Xem Thư viện trong API JavaScript Maps.

Kế thừa: origin
addListener
addListener(eventName, handler)
Các thông số: 
  • eventNamestring
  • handlerFunction
Giá trị trả về:  MapsEventListener
Thêm hàm trình nghe đã cho vào tên sự kiện đã cho.

Giao diện MapDirectionsOptionsLiteral

Giao diện google.maps.localContext.MapDirectionsOptionsLiteral

Hằng đối tượng được chấp nhận thay cho đối tượng MapDirectionsOptions để thuận tiện ở nhiều nơi. Các đối tượng này được chuyển đổi thành đối tượng MapDirectionsOptions khi API Maps gặp phải các đối tượng đó.

origin
Điểm xuất phát của đường đi và khoảng cách.

Giao diện PinOptions

Giao diện google.maps.localContext.PinOptions

Các lựa chọn tuỳ chỉnh điểm đánh dấu ghim.

background optional
Loại:  string optional
Màu của hình dạng biểu tượng có thể là bất kỳ màu CSS hợp lệ nào.
glyphColor optional
Loại:  string optional
Màu cho ký tự của biểu tượng có thể là bất kỳ màu CSS hợp lệ nào.
scale optional
Loại:  number optional
Tỷ lệ của biểu tượng. Giá trị này là tuyệt đối, không tương ứng với kích thước mặc định ở mỗi trạng thái.

Giao diện PlaceChooserViewSetupOptions

Giao diện google.maps.localContext.PlaceChooserViewSetupOptions

Các tùy chọn thiết lập cho trình chọn địa điểm. Đọc thêm về thiết lập bố cục và chế độ hiển thị.

layoutMode optional
Loại:  PlaceChooserLayoutMode optional
position optional
Loại:  PlaceChooserPosition optional
Bị bỏ qua khi layoutMode:HIDDEN. Nếu bạn không vượt qua bài đánh giá, một vị trí sẽ được xác định tự động dựa trên layoutMode.

Hằng số PlaceChooserLayoutMode

Hằng số google.maps.localContext.PlaceChooserLayoutMode

Các chế độ bố cục cho trình chọn địa điểm.

Truy cập bằng cách gọi const {PlaceChooserLayoutMode} = await google.maps.importLibrary("localContext"). Xem Thư viện trong API JavaScript Maps.

HIDDEN Trình chọn địa điểm đang bị ẩn.
SHEET Trình chọn địa điểm hiển thị dưới dạng trang tính.

Hằng số PlaceChooserPosition

Hằng số google.maps.localContext.PlaceChooserPosition

Hiển thị vị trí cho trình chọn địa điểm.

Truy cập bằng cách gọi const {PlaceChooserPosition} = await google.maps.importLibrary("localContext"). Xem Thư viện trong API JavaScript Maps.

BLOCK_END Trình chọn địa điểm được hiển thị trên một dòng bên dưới bản đồ kéo dài đến cuối vùng chứa.
INLINE_END Trình chọn địa điểm được hiển thị cùng dòng với bản đồ ở cuối dòng. (Bằng ngôn ngữ viết từ trái sang phải, điều này có nghĩa là trình chọn địa điểm nằm ở bên phải bản đồ.)
INLINE_START Trình chọn địa điểm được hiển thị cùng dòng với bản đồ ở đầu dòng. (Bằng ngôn ngữ viết từ trái sang phải, điều này có nghĩa là trình chọn địa điểm nằm ở bên trái bản đồ.)

Giao diện PlaceDetailsViewSetupOptions

Giao diện google.maps.localContext.PlaceDetailsViewSetupOptions

Các tuỳ chọn thiết lập cho thông tin chi tiết về địa điểm. Đọc thêm về thiết lập bố cục và chế độ hiển thị.

hidesOnMapClick optional
Loại:  boolean optional
layoutMode optional
Loại:  PlaceDetailsLayoutMode optional
position optional
Loại:  PlaceDetailsPosition optional
Bị bỏ qua khi layoutMode:INFO_WINDOW. Nếu bạn không vượt qua bài đánh giá, một vị trí sẽ được xác định tự động dựa trên layoutMode.

Hằng số PlaceDetailsLayoutMode

Hằng số google.maps.localContext.PlaceDetailsLayoutMode

Các chế độ bố cục cho thông tin chi tiết về địa điểm.

Truy cập bằng cách gọi const {PlaceDetailsLayoutMode} = await google.maps.importLibrary("localContext"). Xem Thư viện trong API JavaScript Maps.

INFO_WINDOW Thông tin chi tiết về địa điểm sẽ xuất hiện trong InfoWindow.
SHEET Thông tin chi tiết về địa điểm xuất hiện trong một trang tính.

Hằng số PlaceDetailsPosition

Hằng số google.maps.localContext.PlaceDetailsPosition

Hiển thị vị trí cho thông tin chi tiết về địa điểm.

Truy cập bằng cách gọi const {PlaceDetailsPosition} = await google.maps.importLibrary("localContext"). Xem Thư viện trong API JavaScript Maps.

INLINE_END Thông tin chi tiết về địa điểm được hiển thị cùng dòng với bản đồ ở cuối dòng. (Bằng ngôn ngữ viết từ trái sang phải, thông tin này có nghĩa là thông tin chi tiết về địa điểm nằm ở bên phải bản đồ.)
INLINE_START Chi tiết địa điểm được hiển thị cùng dòng với bản đồ ở đầu dòng. (Bằng ngôn ngữ viết từ trái sang phải, thông tin này có nghĩa là thông tin chi tiết về địa điểm nằm ở bên trái bản đồ.)