3D 지도에 마커 추가하기

플랫폼 선택: Android iOS JavaScript

마커를 사용하여 지도에서 단일 위치를 표시하세요. 이 페이지에서는 프로그래매틱 방식 및 HTML을 통해 지도에 마커를 추가하는 방법을 설명합니다.

HTML을 사용하여 마커 추가하기

HTML을 사용하여 3D 마커를 추가하려면 gmp-map-3d 요소에 gmp-marker-3d 하위 요소를 추가합니다. 다음 스니펫은 웹페이지에 마커를 추가하는 방법을 보여줍니다.

<gmp-map-3d
  mode="hybrid"
  center="48.861000,2.335861"
  heading="110"
  tilt="67.5"
  range="1000"
  style="height:400px"
  >
    <gmp-marker-3d
      position="48.861000,2.335861">
    </gmp-marker-3d>
</gmp-map-3d>

프로그래매틱 방식으로 마커 추가하기

프로그래매틱 방식으로 지도에 3D 마커를 추가하려면 다음 예와 같이 새 Marker3DElement를 만들어 lat/lng 좌표와 참조를 기본 지도에 전달합니다.

const marker = new Marker3DElement({
  position: {lat: 47.6093, lng: -122.3402}, // (Required) Marker must have a lat/lng.
  altitudeMode : "ABSOLUTE", // (Optional) Treated as CLAMP_TO_GROUND if omitted.
  extruded : true, // (Optional) Draws line from ground to the bottom of the marker.
  label : "Basic Marker" // (Optional) Add a label to the marker.
});

map.append(marker); // The marker must be appended to the map.

다음 단계