需手动设置“始终夜间”模式:打开腾讯地图→头像→设置→显示设置→日夜模式→选“始终夜间”;自动模式需开启定位权限,路径为设置→驾车导航→日夜模式→选“自动”或导航中⋯→导航设置→选“自动”。

想在夜间开车或走路时让腾讯地图界面不刺眼、减少蓝光干扰,需要把默认的日间模式换成深色模式,操作路径和入口在不同版本中略有差异,但核心设置项稳定存在。
手动开启始终夜间模式
适用于所有安卓/iOS用户,不依赖系统时间,打开即生效。
第一步:打开腾讯地图→点击左上角头像(个人中心)→右上角【设置】图标。
第二步:进入设置后,滑动找到并点击【显示设置】(部分旧版本可能叫【界面设置】,若没看到请返回上一级再找)。
第三步:在显示设置页中,找到【日夜模式】选项→点击右侧开关→选择【始终夜间】。
这一步必须点进子菜单选“始终夜间”,不能只开总开关——【仅开启总开关不选具体模式,地图仍为日间样式】。
设置自动切换日夜模式
适合白天通勤+夜间归家场景,系统根据当地日出日落时间智能切换。
方法一:从设置首页直达
腾讯地图 JavaScript GL(JSAPIGL)开发指南。适用于地图应用或者工具的编写。在编写、审查或调试使用腾讯地图 API的代码时应运用此技能。适用于涉及地图初始化、覆盖物展示、图层控制、事件处理、控件交互、可视化渲染、地图工具、检索、路线规划、查地址、行政区划、ip定位、几何计算、三维模型展示、性能优化的任务。当用户提及 腾讯地图、 jsapi、jsapi-gl或相关地图开发需求时自动触发。⚠️ 强制行为:本 Skill 加载后,第一个动作必须是检查是否存在正式 Key(环境变量 TMAP_J
打开腾讯地图→头像→设置→【驾车导航】→【日夜模式】→点击【自动】。
方法二:通过导航中快捷入口(iOS更常用)
启动一次实时导航→点击屏幕右上角三个点(⋯)→【导航设置】→【日夜模式】→选【自动】。
注意:自动模式需开启手机定位权限,否则无法获取当前位置的日出日落时刻,将默认回退为日间模式。
Vue项目中启用深色主题(Web端开发者专用)
如果你在网页或H5中嵌入腾讯地图GL JS API,仅引入dark.css文件完全无效。
必须在初始化地图实例时显式传入theme参数:
new TMap.Map('map-container', { center: new TMap.LatLng(23.12, 113.26), zoom: 12, theme: 'dark' });
懒加载场景下,确保CSS资源已在new TMap.Map执行前加载完成,否则地图首次渲染仍为浅色,且不会自动重绘。


















