지도 색 구성표

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이 적용되지 않습니다.

로드맵 지도 유형의 맞춤 밝은 스타일과 어두운 스타일을 만들려면 클라우드 기반 지도 스타일 지정을 사용하세요.