Map3DElement lớp
Lớp google.maps.maps3d.Map3DElement
Map3DElement là một giao diện HTML dành cho chế độ xem Bản đồ 3D.
Phần tử tùy chỉnh:
<gmp-map-3d center="lat,lng,altitude" default-labels-disabled heading="number" max-altitude="number" max-heading="number" max-tilt="number" min-altitude="number" min-heading="number" min-tilt="number" range="number" roll="number" tilt="number"></gmp-map-3d>
Lớp này mở rộng
HTMLElement
.
Lớp này triển khai
Map3DElementOptions
.
Truy cập bằng cách gọi const {Map3DElement} = await google.maps.importLibrary("maps3d")
. Xem Thư viện trong Maps JavaScript API.
Hàm dựng | |
---|---|
Map3DElement |
Map3DElement([options]) Thông số:
|
Thuộc tính | |
---|---|
bounds |
Loại:
LatLngBounds|LatLngBoundsLiteral optional Khi đặt, hãy giới hạn vị trí của máy ảnh trong giới hạn vĩ độ/vĩ độ đã chỉ định. Xin lưu ý rằng các đối tượng nằm ngoài giới hạn vẫn được kết xuất. Ranh giới có thể hạn chế cả kinh độ và vĩ độ hoặc chỉ có thể hạn chế vĩ độ hoặc kinh độ. Đối với các giới hạn chỉ theo vĩ độ, hãy sử dụng kinh độ tây và kinh độ đông tương ứng là -180 và 180 . Đối với giới hạn chỉ kinh độ, hãy sử dụng vĩ độ bắc và vĩ độ nam tương ứng là 90 và -90 . |
center |
Loại:
LatLngAltitude|LatLngAltitudeLiteral optional Tâm bản đồ được cung cấp dưới dạng Vĩ độ cao, trong đó độ cao tính bằng mét trên mặt đất. Lưu ý rằng đây không nhất thiết là vị trí đặt máy ảnh, vì trường
range ảnh hưởng đến khoảng cách của máy ảnh so với tâm bản đồ. Nếu bạn không đặt chính sách này, giá trị mặc định sẽ là {lat: 0, lng: 0, altitude: 63170000} . 63170000 mét là độ cao tối đa cho phép (bán kính Trái đất nhân với 10).Thuộc tính HTML:
|
defaultLabelsDisabled |
Loại:
boolean optional Mặc định:
false Khi
true , các nhãn bản đồ mặc định sẽ không được hiển thị.Thuộc tính HTML:
|
heading |
Loại:
number optional Tiêu đề la bàn của bản đồ, tính theo độ, trong đó hướng bắc bằng 0. Khi không có độ nghiêng, mọi lượt cuộn sẽ được hiểu là tiêu đề.
Thuộc tính HTML:
|
maxAltitude |
Loại:
number optional Độ cao tối đa so với mặt đất sẽ được hiển thị trên bản đồ. Giá trị hợp lệ nằm trong khoảng từ
0 đến 63170000 mét (bán kính Trái đất nhân với 10).Thuộc tính HTML:
|
maxHeading |
Loại:
number optional Góc tiêu đề (xoay) tối đa của bản đồ. Giá trị hợp lệ nằm trong khoảng từ
0 đến 360 độ. minHeading và maxHeading đại diện cho khoảng <= 360 độ mà trong đó cử chỉ tiêu đề sẽ được cho phép. minHeading = 180 và maxHeading = 90 sẽ cho phép tiêu đề trong [0, 90] và tiêu đề trong [180, 360] . minHeading = 90 và maxHeading = 180 sẽ cho phép tiêu đề trong [90, 180] .Thuộc tính HTML:
|
maxTilt |
Loại:
number optional Góc tới tối đa của bản đồ. Giá trị hợp lệ nằm trong khoảng từ
0 đến 90 độ.Thuộc tính HTML:
|
minAltitude |
Loại:
number optional Độ cao tối thiểu so với mặt đất sẽ được hiển thị trên bản đồ. Giá trị hợp lệ nằm trong khoảng từ
0 đến 63170000 mét (bán kính Trái đất nhân với 10).Thuộc tính HTML:
|
minHeading |
Loại:
number optional Góc tiêu đề (xoay) tối thiểu của bản đồ. Giá trị hợp lệ nằm trong khoảng từ
0 đến 360 độ. minHeading và maxHeading đại diện cho khoảng <= 360 độ mà trong đó cử chỉ tiêu đề sẽ được cho phép. minHeading = 180 và maxHeading = 90 sẽ cho phép tiêu đề trong [0, 90] và tiêu đề trong [180, 360] . minHeading = 90 và maxHeading = 180 sẽ cho phép tiêu đề trong [90, 180] .Thuộc tính HTML:
|
minTilt |
Loại:
number optional Góc tới tối thiểu của bản đồ. Giá trị hợp lệ nằm trong khoảng từ
0 đến 90 độ.Thuộc tính HTML:
|
range |
Loại:
number optional Khoảng cách từ máy ảnh đến tâm bản đồ, tính bằng mét.
Thuộc tính HTML:
|
roll |
Loại:
number optional Cuộn của camera xung quanh vectơ xem theo độ. Để giải quyết các trường hợp không rõ ràng, khi không có độ nghiêng, bất kỳ lần cuộn nào sẽ được hiểu là tiêu đề.
Thuộc tính HTML:
|
tilt |
Loại:
number optional Độ nghiêng của vectơ chế độ xem của máy ảnh theo độ. Vectơ chế độ xem nhìn trực tiếp xuống trái đất sẽ có độ nghiêng 0 độ. Vectơ khung hiển thị trỏ ra khỏi trái đất sẽ có độ nghiêng
180 độ.Thuộc tính HTML:
|
Phương thức | |
---|---|
|
addEventListener(type, listener[, options]) Thông số:
Giá trị trả về:
void Thiết lập một hàm sẽ được gọi bất cứ khi nào sự kiện đã chỉ định được gửi đến mục tiêu. Xem addEventListener |
|
removeEventListener(type, listener[, options]) Thông số:
Giá trị trả về:
void Xoá một trình nghe sự kiện đã đăng ký trước đó với addEventListener khỏi mục tiêu. Hãy xem removeEventListener |
Sự kiện | |
---|---|
gmp-centerchange |
function(centerChangeEvent) Đối số:
Sự kiện này được kích hoạt khi thuộc tính trung tâm của Map3DElement thay đổi. |
gmp-click |
function(clickEvent) Đối số:
Sự kiện này được kích hoạt khi người dùng nhấp vào phần tử Map3DElement . |
gmp-headingchange |
function(headingChangeEvent) Đối số:
Sự kiện này được kích hoạt khi thuộc tính tiêu đề của Map3DElement thay đổi. |
gmp-rangechange |
function(rangeChangeEvent) Đối số:
Sự kiện này được kích hoạt khi thuộc tính phạm vi của Map3DElement thay đổi. |
gmp-rollchange |
function(rollChangeEvent) Đối số:
Sự kiện này được kích hoạt khi thuộc tính cuộn của Map3DElement thay đổi. |
gmp-steadychange |
function(steadyChangeEvent) Đối số:
Sự kiện này được kích hoạt khi trạng thái ổn định của Map3DElement thay đổi. |
gmp-tiltchange |
function(tiltChangeEvent) Đối số:
Sự kiện này được kích hoạt khi thuộc tính nghiêng của Map3DElement thay đổi. |
Map3DElementOptions giao diện
google.maps.maps3d.Map3DElementOptions
giao diện
Đối tượng Map3DElementOptions dùng để xác định các thuộc tính có thể đặt trên Map3DElement.
Thuộc tính | |
---|---|
bounds optional |
Loại:
LatLngBounds|LatLngBoundsLiteral optional Vui lòng xem Map3DElement.bounds . |
center optional |
Loại:
LatLngAltitude|LatLngAltitudeLiteral optional Vui lòng xem Map3DElement.center . |
defaultLabelsDisabled optional |
Loại:
boolean optional Vui lòng xem Map3DElement.defaultLabelsDisabled . |
heading optional |
Loại:
number optional Vui lòng xem Map3DElement.heading . |
maxAltitude optional |
Loại:
number optional Vui lòng xem Map3DElement.maxAltitude . |
maxHeading optional |
Loại:
number optional Vui lòng xem Map3DElement.maxHeading . |
maxTilt optional |
Loại:
number optional Vui lòng xem Map3DElement.maxTilt . |
minAltitude optional |
Loại:
number optional Vui lòng xem Map3DElement.minAltitude . |
minHeading optional |
Loại:
number optional Vui lòng xem Map3DElement.minHeading . |
minTilt optional |
Loại:
number optional Vui lòng xem Map3DElement.minTilt . |
range optional |
Loại:
number optional Vui lòng xem Map3DElement.range . |
roll optional |
Loại:
number optional Vui lòng xem Map3DElement.roll . |
tilt optional |
Loại:
number optional Vui lòng xem Map3DElement.tilt . |
SteadyChangeEvent lớp
Lớp google.maps.maps3d.SteadyChangeEvent
Sự kiện này được tạo từ quá trình theo dõi trạng thái ổn định của Map3DElement
. Sự kiện này xuất hiện trong cây DOM.
Lớp này mở rộng
Event
.
Truy cập bằng cách gọi const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d")
. Xem Thư viện trong Maps JavaScript API.
Thuộc tính | |
---|---|
isSteady |
Loại:
boolean Cho biết Map3DElement có ổn định hay không (tức là mọi quá trình kết xuất cho cảnh hiện tại đã hoàn tất) hay không. |
ClickEvent lớp
Lớp google.maps.maps3d.ClickEvent
Sự kiện này được tạo bằng cách nhấp vào một Map3DElement.
Lớp này mở rộng
Event
.
Truy cập bằng cách gọi const {ClickEvent} = await google.maps.importLibrary("maps3d")
. Xem Thư viện trong Maps JavaScript API.
Thuộc tính | |
---|---|
position |
Loại:
LatLngAltitude optional Vĩ độ/kinh độ/độ cao thấp hơn con trỏ khi sự kiện xảy ra. Xin lưu ý rằng ở các cấp độ tương đối, dữ liệu ít chính xác hơn sẽ được trả về. Ngoài ra, hệ thống có thể trả về độ cao của đáy biển cho giá trị độ cao khi nhấp vào mặt nước từ các vị trí máy ảnh cao hơn. Sự kiện này xuất hiện trong cây DOM. |
CenterChangeEvent lớp
Lớp google.maps.maps3d.CenterChangeEvent
Sự kiện này được tạo từ sự thay đổi trong trung tâm giám sát vào ngày Map3DElement
. Sự kiện này xuất hiện trong cây DOM.
Lớp này mở rộng
Event
.
Truy cập bằng cách gọi const {CenterChangeEvent} = await google.maps.importLibrary("maps3d")
. Xem Thư viện trong Maps JavaScript API.
HeadingChangeEvent lớp
Lớp google.maps.maps3d.HeadingChangeEvent
Sự kiện này được tạo từ việc theo dõi việc thay đổi tiêu đề trên Map3DElement
. Sự kiện này xuất hiện trong cây DOM.
Lớp này mở rộng
Event
.
Truy cập bằng cách gọi const {HeadingChangeEvent} = await google.maps.importLibrary("maps3d")
. Xem Thư viện trong Maps JavaScript API.
RangeChangeEvent lớp
Lớp google.maps.maps3d.RangeChangeEvent
Sự kiện này được tạo từ quá trình giám sát sự thay đổi phạm vi vào ngày Map3DElement
. Sự kiện này xuất hiện trong cây DOM.
Lớp này mở rộng
Event
.
Truy cập bằng cách gọi const {RangeChangeEvent} = await google.maps.importLibrary("maps3d")
. Xem Thư viện trong Maps JavaScript API.
RollChangeEvent lớp
Lớp google.maps.maps3d.RollChangeEvent
Sự kiện này được tạo từ quá trình theo dõi thay đổi về đổ xúc xắc vào ngày Map3DElement
. Sự kiện này xuất hiện trong cây DOM.
Lớp này mở rộng
Event
.
Truy cập bằng cách gọi const {RollChangeEvent} = await google.maps.importLibrary("maps3d")
. Xem Thư viện trong Maps JavaScript API.
TiltChangeEvent lớp
Lớp google.maps.maps3d.TiltChangeEvent
Sự kiện này được tạo bằng cách theo dõi sự thay đổi về độ nghiêng vào Map3DElement
. Sự kiện này xuất hiện trong cây DOM.
Lớp này mở rộng
Event
.
Truy cập bằng cách gọi const {TiltChangeEvent} = await google.maps.importLibrary("maps3d")
. Xem Thư viện trong Maps JavaScript API.
Polyline3DElement lớp
Lớp google.maps.maps3d.Polyline3DElement
Hình nhiều đường 3D là một lớp phủ tuyến tính gồm các đoạn đường được kết nối trên bản đồ 3D.
Phần tử tùy chỉnh:
<gmp-polyline-3d altitude-mode="absolute" draws-occluded-segments extruded geodesic outer-color="string" outer-opacity="number" outer-width="number" stroke-color="string" stroke-opacity="number" stroke-width="number" z-index="number"></gmp-polyline-3d>
Lớp này mở rộng
HTMLElement
.
Lớp này triển khai
Polyline3DElementOptions
.
Truy cập bằng cách gọi const {Polyline3DElement} = await google.maps.importLibrary("maps3d")
. Xem Thư viện trong Maps JavaScript API.
Hàm dựng | |
---|---|
Polyline3DElement |
Polyline3DElement([options]) Thông số:
|
Thuộc tính | |
---|---|
altitudeMode |
Loại:
AltitudeMode optional Mặc định:
AltitudeMode.ABSOLUTE Chỉ định cách diễn giải các thành phần độ cao trong toạ độ.
Thuộc tính HTML:
|
coordinates |
Loại:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Chuỗi toạ độ theo thứ tự của hình Polyline. Độ cao bị bỏ qua trong một số chế độ nhất định nên không bắt buộc. |
drawsOccludedSegments |
Loại:
boolean optional Mặc định:
false Chỉ định xem có vẽ các phần của hình nhiều đường có thể che khuất hay không. Hình nhiều đường có thể bị che khuất bởi hình học bản đồ (ví dụ: toà nhà).
Thuộc tính HTML:
|
extruded |
Loại:
boolean optional Mặc định:
false Chỉ định xem có nối hình nhiều đường với mặt đất hay không. Để đẩy một hình nhiều đường,
altitudeMode phải là RELATIVE_TO_GROUND hoặc ABSOLUTE .Thuộc tính HTML:
|
geodesic |
Loại:
boolean optional Mặc định:
false Khi
true , cạnh của hình nhiều đường được hiểu là đường trắc địa và sẽ tuân theo độ cong của Trái đất. Khi false , các cạnh của hình nhiều đường được kết xuất dưới dạng đường thẳng trong không gian màn hình.Thuộc tính HTML:
|
outerColor |
Loại:
string optional Màu bên ngoài. Tất cả màu CSS3 đều được hỗ trợ.
Thuộc tính HTML:
|
outerOpacity |
Loại:
number optional Độ mờ bên ngoài giữa
0.0 và 1.0 .Thuộc tính HTML:
|
outerWidth |
Loại:
number optional Chiều rộng bên ngoài nằm trong khoảng từ
0.0 đến 1.0 . Đây là tỷ lệ phần trăm của strokeWidth .Thuộc tính HTML:
|
strokeColor |
Loại:
string optional Màu nét vẽ. Tất cả màu CSS3 đều được hỗ trợ.
Thuộc tính HTML:
|
strokeOpacity |
Loại:
number optional Độ mờ nét vẽ giữa
0.0 và 1.0 .Thuộc tính HTML:
|
strokeWidth |
Loại:
number optional Chiều rộng nét vẽ tính bằng pixel.
Thuộc tính HTML:
|
zIndex |
Loại:
number optional zIndex so với các hình nhiều giác khác.
Thuộc tính HTML:
|
Phương thức | |
---|---|
|
addEventListener(type, listener[, options]) Thông số:
Giá trị trả về:
void Thiết lập một hàm sẽ được gọi bất cứ khi nào sự kiện đã chỉ định được gửi đến mục tiêu. Xem addEventListener |
|
removeEventListener(type, listener[, options]) Thông số:
Giá trị trả về:
void Xoá một trình nghe sự kiện đã đăng ký trước đó với addEventListener khỏi mục tiêu. Hãy xem removeEventListener |
Polyline3DElementOptions giao diện
google.maps.maps3d.Polyline3DElementOptions
giao diện
Đối tượng Polyline3DElementOptions dùng để xác định các thuộc tính có thể đặt trên Polyline3DElement.
Thuộc tính | |
---|---|
altitudeMode optional |
Loại:
AltitudeMode optional Mặc định:
AltitudeMode.ABSOLUTE Vui lòng xem Polyline3DElement.altitudeMode . |
coordinates optional |
Loại:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Vui lòng xem Polyline3DElement.coordinates . |
drawsOccludedSegments optional |
Loại:
boolean optional Mặc định:
false Vui lòng xem Polyline3DElement.drawsOccludedSegments . |
extruded optional |
Loại:
boolean optional Mặc định:
false Vui lòng xem Polyline3DElement.extruded . |
geodesic optional |
Loại:
boolean optional Mặc định:
false Vui lòng xem Polyline3DElement.geodesic . |
outerColor optional |
Loại:
string optional Vui lòng xem Polyline3DElement.outerColor . |
outerOpacity optional |
Loại:
number optional Vui lòng xem Polyline3DElement.outerOpacity . |
outerWidth optional |
Loại:
number optional Vui lòng xem Polyline3DElement.outerWidth . |
strokeColor optional |
Loại:
string optional Vui lòng xem Polyline3DElement.strokeColor . |
strokeOpacity optional |
Loại:
number optional Vui lòng xem Polyline3DElement.strokeOpacity . |
strokeWidth optional |
Loại:
number optional Vui lòng xem Polyline3DElement.strokeWidth . |
zIndex optional |
Loại:
number optional Vui lòng xem Polyline3DElement.zIndex . |
Phần tử 3D của Polygon lớp
Lớp google.maps.maps3d.Polygon3DElement
Đa giác 3D (như hình nhiều đường 3D) xác định một chuỗi các toạ độ được kết nối theo một trình tự có thứ tự. Ngoài ra, đa giác tạo thành một vòng khép kín và xác định một vùng được tô màu nền.
Phần tử tùy chỉnh:
<gmp-polygon-3d altitude-mode="absolute" draws-occluded-segments extruded fill-color="string" fill-opacity="number" geodesic stroke-color="string" stroke-opacity="number" stroke-width="number" z-index="number"></gmp-polygon-3d>
Lớp này mở rộng
HTMLElement
.
Lớp này triển khai
Polygon3DElementOptions
.
Truy cập bằng cách gọi const {Polygon3DElement} = await google.maps.importLibrary("maps3d")
. Xem Thư viện trong Maps JavaScript API.
Hàm dựng | |
---|---|
Polygon3DElement |
Polygon3DElement([options]) Thông số:
|
Thuộc tính | |
---|---|
altitudeMode |
Loại:
AltitudeMode optional Mặc định:
AltitudeMode.ABSOLUTE Chỉ định cách diễn giải các thành phần độ cao trong toạ độ.
Thuộc tính HTML:
|
drawsOccludedSegments |
Loại:
boolean optional Mặc định:
false Chỉ định xem có vẽ các phần của đa giác có thể che kín được hay không. Đa giác có thể bị che bởi hình học bản đồ (ví dụ: toà nhà).
Thuộc tính HTML:
|
extruded |
Loại:
boolean optional Mặc định:
false Chỉ định xem có kết nối đa giác với mặt đất hay không. Để đẩy một đa giác,
altitudeMode phải là RELATIVE_TO_GROUND hoặc ABSOLUTE .Thuộc tính HTML:
|
fillColor |
Loại:
string optional Màu nền. Tất cả màu CSS3 đều được hỗ trợ.
Thuộc tính HTML:
|
fillOpacity |
Loại:
number optional Độ mờ màu nền trong khoảng từ 0,0 đến 1,0.
Thuộc tính HTML:
|
geodesic |
Loại:
boolean optional Mặc định:
false Khi
true , các cạnh của đa giác được hiểu là đường trắc địa và sẽ tuân theo đường cong của Trái đất. Khi false , các cạnh của đa giác được kết xuất dưới dạng đường thẳng trong không gian màn hình.Thuộc tính HTML:
|
innerCoordinates |
Loại:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optional Chuỗi toạ độ theo thứ tự chỉ định một vòng lặp khép kín. Không giống như nhiều đường, một đa giác có thể bao gồm một hoặc nhiều đường dẫn tạo ra nhiều vết cắt bên trong đa giác. |
outerCoordinates |
Loại:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Chuỗi toạ độ theo thứ tự chỉ định một vòng lặp khép kín. Độ cao bị bỏ qua trong một số chế độ nhất định nên không bắt buộc. |
strokeColor |
Loại:
string optional Màu nét vẽ. Tất cả màu CSS3 đều được hỗ trợ.
Thuộc tính HTML:
|
strokeOpacity |
Loại:
number optional Độ mờ nét vẽ giữa
0.0 và 1.0 .Thuộc tính HTML:
|
strokeWidth |
Loại:
number optional Chiều rộng nét vẽ tính bằng pixel.
Thuộc tính HTML:
|
zIndex |
Loại:
number optional zIndex so với các hình nhiều giác khác.
Thuộc tính HTML:
|
Phương thức | |
---|---|
|
addEventListener(type, listener[, options]) Thông số:
Giá trị trả về:
void Thiết lập một hàm sẽ được gọi bất cứ khi nào sự kiện đã chỉ định được gửi đến mục tiêu. Xem addEventListener |
|
removeEventListener(type, listener[, options]) Thông số:
Giá trị trả về:
void Xoá một trình nghe sự kiện đã đăng ký trước đó với addEventListener khỏi mục tiêu. Hãy xem removeEventListener |
Đa giác3DElementOptions giao diện
google.maps.maps3d.Polygon3DElementOptions
giao diện
Đối tượng Polygon3DElementOptions dùng để xác định các thuộc tính có thể đặt trên Polygon3DElement.
AltitudeMode hằng số
google.maps.maps3d.AltitudeMode
hằng số
Chỉ định cách diễn giải các thành phần độ cao trong toạ độ.
Truy cập bằng cách gọi const {AltitudeMode} = await google.maps.importLibrary("maps3d")
. Xem Thư viện trong Maps JavaScript API.
Hằng số | |
---|---|
ABSOLUTE |
Cho phép biểu thị các đối tượng liên quan đến mực nước biển trung bình trung bình. Điều đó cũng có nghĩa là nếu cấp địa hình chi tiết bên dưới vật thể thay đổi, thì vị trí tuyệt đối của nó sẽ vẫn giữ nguyên. |
CLAMP_TO_GROUND |
Cho phép biểu thị các vật thể được đặt trên mặt đất. Chúng sẽ vẫn nằm trên mặt đất theo địa hình bất kể cao độ được cung cấp là bao nhiêu. Nếu vật thể được đặt trên một vùng nước chính, thì vật thể đó sẽ được đặt ở mực nước biển. |
RELATIVE_TO_GROUND |
Cho phép biểu thị các vật thể tương ứng với bề mặt mặt đất. Nếu mức độ chi tiết địa hình thay đổi, vị trí của vật thể sẽ không đổi so với mặt đất. Khi ở trên mặt nước, độ cao sẽ được hiểu là một giá trị tính bằng mét trên mực nước biển. |
RELATIVE_TO_MESH |
Cho phép biểu thị các vật thể so với cao nhất của mặt đất+toà nhà+mặt nước. Khi ở trên mặt nước, đây sẽ là mặt nước; khi ở trên địa hình, đây sẽ là bề mặt của toà nhà (nếu có) hoặc mặt đất (nếu không có toà nhà). |