3D Maps

Map3DElement 클래스

google.maps.maps3d.Map3DElement 클래스

Map3DElement는 3D 지도 뷰의 HTML 인터페이스입니다.

맞춤 요소:
<gmp-map-3d center="lat,lng,altitude" default-labels-disabled default-ui-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>

이 클래스는 HTMLElement를 확장합니다.

이 클래스는 Map3DElementOptions를 구현합니다.

const {Map3DElement} = await google.maps.importLibrary("maps3d")를 호출하여 액세스
Maps JavaScript API의 라이브러리를 참고하세요.
Map3DElement
Map3DElement([options])
매개변수: 
bounds
설정된 경우 지정된 위도/경도 범위 내에서 카메라 위치를 제한합니다. 경계 외부의 객체는 계속 렌더링됩니다. 경계는 경도와 위도를 모두 제한할 수도 있고 위도 또는 경도만 제한할 수도 있습니다. 위도 전용 경계의 경우 각각 -180 및 180의 서쪽 및 동쪽 경도를 사용합니다. 경도 전용 경계의 경우 각각 90 및 -90의 북쪽 및 남쪽 위도를 사용합니다.
center
지도의 중심입니다. LatLngAltitude로 지정되며 고도는 지상에서 미터 단위입니다. range 필드는 카메라와 지도 중심 간 거리에 영향을 미치므로 카메라가 반드시 이 위치에 있는 것은 아닙니다. 설정하지 않으면 기본값은 {lat: 0, lng: 0, altitude: 63170000}입니다. 63,170,000미터는 허용되는 최대 고도입니다 (지구 반지름에 10을 곱한 값).
HTML 속성:
  • <gmp-map-3d center="lat,lng,altitude"></gmp-map-3d>
defaultLabelsDisabled
유형:  boolean optional
기본값: false
true인 경우 기본 지도 라벨이 렌더링되지 않습니다.
HTML 속성:
  • <gmp-map-3d default-labels-disabled></gmp-map-3d>
defaultUIDisabled
유형:  boolean optional
기본값: false
true인 경우 모든 기본 UI 버튼이 사용 중지됩니다. 키보드 및 동작 컨트롤을 사용 중지하지 않습니다.
HTML 속성:
  • <gmp-map-3d default-ui-disabled></gmp-map-3d>
heading
유형:  number optional
지도의 나침반 방향입니다(단위: 도). 정북은 0입니다. 기울기가 없으면 모든 롤이 방향으로 해석됩니다.
HTML 속성:
  • <gmp-map-3d heading="number"></gmp-map-3d>
maxAltitude
유형:  number optional
지도에 표시되는 지상 위의 최대 고도입니다. 유효한 값은 0~63170000미터 (지구 반지름에 10을 곱한 값)입니다.
HTML 속성:
  • <gmp-map-3d max-altitude="number"></gmp-map-3d>
maxHeading
유형:  number optional
지도의 최대 방위각 (회전)입니다. 유효한 값은 0~360도 사이입니다. minHeading와 maxHeading는 방향 제스처가 허용되는 360도 이하의 간격을 나타냅니다. minHeading = 180 및 maxHeading = 90은 [0, 90]의 헤딩과 [180, 360]의 헤딩을 허용합니다. minHeading = 90 및 maxHeading = 180은 [90, 180]에서 헤딩을 허용합니다.
HTML 속성:
  • <gmp-map-3d max-heading="number"></gmp-map-3d>
maxTilt
유형:  number optional
지도의 최대 입사각입니다. 유효한 값은 0~90도 사이입니다.
HTML 속성:
  • <gmp-map-3d max-tilt="number"></gmp-map-3d>
minAltitude
유형:  number optional
지도에 표시되는 지상 위의 최소 고도입니다. 유효한 값은 0~63170000미터 (지구 반지름에 10을 곱한 값)입니다.
HTML 속성:
  • <gmp-map-3d min-altitude="number"></gmp-map-3d>
minHeading
유형:  number optional
지도의 최소 방위각 (회전)입니다. 유효한 값은 0~360도 사이입니다. minHeading와 maxHeading는 방향 제스처가 허용되는 360도 이하의 간격을 나타냅니다. minHeading = 180 및 maxHeading = 90은 [0, 90]의 헤딩과 [180, 360]의 헤딩을 허용합니다. minHeading = 90 및 maxHeading = 180은 [90, 180]에서 헤딩을 허용합니다.
HTML 속성:
  • <gmp-map-3d min-heading="number"></gmp-map-3d>
minTilt
유형:  number optional
지도의 최소 입사각입니다. 유효한 값은 0~90도 사이입니다.
HTML 속성:
  • <gmp-map-3d min-tilt="number"></gmp-map-3d>
range
유형:  number optional
카메라에서 지도 중심까지의 거리(미터)입니다.
HTML 속성:
  • <gmp-map-3d range="number"></gmp-map-3d>
roll
유형:  number optional
뷰 벡터를 기준으로 한 카메라의 회전입니다(단위: 도). 모호성을 해결하기 위해 기울기가 없으면 모든 롤이 방향으로 해석됩니다.
HTML 속성:
  • <gmp-map-3d roll="number"></gmp-map-3d>
tilt
유형:  number optional
카메라의 뷰 벡터의 기울기(도)입니다. 지구를 바로 아래에서 바라보는 뷰 벡터의 기울기는 0도입니다. 지구에서 멀어지는 뷰 벡터의 기울기는 180도입니다.
HTML 속성:
  • <gmp-map-3d tilt="number"></gmp-map-3d>
BetaaddEventListener
addEventListener(type, listener[, options])
매개변수: 
  • type:  string 수신할 이벤트 유형을 나타내는 대소문자를 구분하는 문자열입니다.
  • listener:  EventListener|EventListenerObject 알림을 수신하는 객체입니다. handleEvent 메서드가 있는 함수 또는 객체여야 합니다.
  • options:  boolean|AddEventListenerOptions optional 옵션을 참고하세요. 맞춤 이벤트는 capture 및 passive만 지원합니다.
반환 값:  void
지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다.