최근 사용

컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.

Maps JavaScript API용 WebGL 기반 기능을 사용하면 기울이기 및 회전을 제어하고 지도에 3D 객체를 직접 추가하는 등의 작업을 할 수 있습니다. 여기에는 다음 기능이 포함됩니다.

  • WebGL 오버레이 뷰를 사용하면 맞춤 2D 및 3D 그래픽과 애니메이션 콘텐츠를 지도에 추가할 수 있습니다.
  • 이제 프로그래매틱 방식으로 마우스와 키보드 동작을 사용하여 기울이기 및 제목을 조정할 수 있습니다.
  • map.moveCamera()를 통해 여러 카메라 속성을 동시에 변경할 수 있습니다.
  • 이제 Zoom이 부분 값을 지원합니다.

시작하기

새 WebGL 기능을 사용하려면 벡터 지도를 사용하는 지도 ID가 필요합니다. API 부트스트랩 요청도 업데이트해야 합니다. 이 섹션에서는 그 방법을 설명합니다.

새 지도 ID 만들기

새 지도 ID를 만들려면 클라우드 기반 지도 스타일 지정 사용 - 지도 ID 가져오기의 단계를 따르세요. 지도 유형을 자바스크립트로 설정하고 벡터 옵션을 선택해야 합니다. 기울기 또는 회전을 선택하여 지도에서 기울이기 및 회전을 사용 설정합니다. 이렇게 하면 프로그래매틱 방식으로 이러한 값을 조정할 수 있으며 사용자가 지도에서 직접 기울기 및 방향을 조정할 수 있습니다. 기울기 또는 제목을 사용하면 앱에 부정적인 영향을 미치는 경우 사용자가 기울기와 회전을 조정할 수 없도록 기울기회전을 선택하지 않은 상태로 둡니다.

벡터 지도 ID 만들기

지도 초기화 코드 업데이트

방금 만든 지도 ID가 필요합니다. 지도 관리 페이지에서 찾을 수 있습니다. 다음과 같이 mapId 속성을 사용하여 지도를 인스턴스화할 때 지도 ID를 제공합니다.

map = new google.maps.Map(document.getElementById('map'), {
  center: {lat: -34.397, lng: 150.644},
  zoom: 8,
  mapId: 'MAP_ID'
});

이러한 기능을 설명하기 위해 다음 예가 제공되었습니다.