谷歌地图深色模式可通过四种方法实现：一、Maps JavaScript API设置colorScheme为DARK；二、自定义MapStyleOptions加载深色样式；三、监听系统prefers-color-scheme动态切换；四、Android/iOS原生应用调用setMapStyle启用。
如果您在使用谷歌地图时希望界面更适应低光环境，但发现默认显示为亮色主题，则可能是由于地图配色方案未启用深色模式。以下是实现谷歌地图深色模式的多种设置方法：
本文运行环境：MacBook Pro M3，macOS Sequoia。
一、通过Maps JavaScript API设置colorScheme为DARK
该方法适用于在网页中嵌入谷歌地图的开发者，通过初始化参数直接指定深色配色方案，确保地图图层、道路、标签等元素统一采用暗色渲染。
1、在创建地图实例时，导入google.maps.ColorScheme枚举。
2、在mapOptions对象中添加colorScheme: google.maps.ColorScheme.DARK字段。
3、确保该配置在new google.maps.Map()调用时传入，不可在地图初始化后动态修改。
4、保存代码并刷新网页，地图将立即以深色模式渲染roadmap或terrain类型图层。
二、使用自定义MapStyleOptions加载深色地图样式
该方法允许完全控制地图各元素的颜色表现，适用于需要精细适配夜间视觉体验的场景，例如调整水体、绿地、道路及文字标签的RGB值。
1、访问Google Map Style Editor在线工具。
2、选择“Night”预设模板，或手动将背景色设为#0d0d0d、道路设为#2a2a2a、文字设为#e0e0e0等深色系值。
3、点击“Finish”导出JSON格式样式代码，并保存至项目资源目录。
4、在JavaScript中使用setMapStyle()方法加载该样式对象，例如googleMap.setMapStyle(styleJson)。
三、监听系统深色模式并动态切换地图主题
该方法使嵌入的地图自动响应操作系统级主题变更，在用户开启macOS系统深色模式时同步启用深色地图，提升一致性体验。
1、在网页中调用window.matchMedia("(prefers-color-scheme: dark)")检测当前系统偏好。
2、为media query添加addEventListener监听器，捕获主题切换事件。
3、当匹配dark时，执行googleMap.setMapStyle(darkStyle)；当匹配light时，执行googleMap.setMapStyle(lightStyle)。
4、确保darkStyle与lightStyle两个样式对象均已预先定义并完成校验。
四、Android/iOS原生应用中启用深色地图
该方法适用于集成Maps SDK的移动应用，通过平台原生API控制地图渲染主题，无需依赖网页端逻辑。
1、在Android端，于onMapReady回调中调用googleMap.setMapStyle()并传入R.raw.night_map_style资源ID。
2、在iOS端，使用GMSMapStyle(contentsOfFileURL:)初始化样式对象，并调用mapView.mapStyle = style。
3、确保对应平台的深色样式JSON文件已正确放置于assets（Android）或Bundle（iOS）中。
4、在AndroidManifest.xml中确认已声明
