지도 색 구성표

roadmap 및 terrain 유형의 지도의 경우 google.maps.colorScheme를 사용하여 지도 색 구성표(어둡게, 밝게 또는 현재 시스템 설정)를 설정할 수 있습니다. colorScheme 옵션은 지도 초기화 시점에만 설정할 수 있습니다. 지도 생성 후 이 옵션을 설정해도 효과가 없습니다.

로드맵

다음 이미지는 roadmap 유형의 밝은 모드 및 어두운 모드 색 구성표를 보여줍니다.

지형

다음 이미지는 terrain 유형의 밝은 모드 및 어두운 모드 색 구성표를 보여줍니다.

기본적으로 지도에서는 밝은 모드를 사용합니다. 지도 만들 때 ColorScheme를 가져오고 지도 옵션에서 지도 색 구성표(LIGHT, DARK 또는 FOLLOW_SYSTEM)를 지정합니다(여기 참고).

const {ColorScheme} = await google.maps.importLibrary("core")

const mapOptions = {
  center: { lat: -34.397, lng: 150.644 },
  zoom: 8,
  colorScheme: ColorScheme.DARK,
}
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

지도 인스턴스화 후 옵션을 재설정하면 colorScheme는 영향을 미치지 않습니다.

참고: 지도 ID를 사용하는 맞춤 스타일은 로드맵 지도 유형의 밝은 색 구성표에만 적용됩니다.