调用 setMapTypeId() 可切换 Google Maps 视图类型，需确保地图已初始化且传入正确小写值（如 "satellite"）；高德需用 AMap.TileLayer.Satellite 控制显隐；Leaflet 则通过 add/remove 图层切换。
Google Maps API 怎么切换 satellite 和 roadmap 视图
直接调用 setMapTypeId() 方法即可切换，不需要重新初始化地图。关键在于地图实例已创建且 map 对象可用。
常见错误是：在地图加载完成前就调用该方法，或传入了拼写错误的类型值（比如写成 "satelite" 或 "street"）。
-
map.setMapTypeId("satellite")切换到卫星图 -
map.setMapTypeId("roadmap")切换回标准街道图 - 其他可选值：
"hybrid"（混合）、"terrain"（地形），注意全部小写、无空格 - 务必确保调用时
map已初始化，推荐放在map.addListener("tilesloaded", ...)或初始化回调中执行
高德地图 JS API 如何切换卫星/路网图层
高德不叫“视图类型”，而是通过 AMap.TileLayer 控制图层叠加。默认街道图是底图，卫星图需手动添加图层并控制显隐。
容易忽略的是：卫星图层必须显式设置 zIndex，否则可能被底图遮盖；且需调用 show()/hide() 而非修改 mapType。
立即学习“前端免费学习笔记（深入）”；
- 初始化卫星图层：
const satellite = new AMap.TileLayer.Satellite() - 添加后默认隐藏：
satellite.hide()；切换时用satellite.show()+satellite.hide()配合街道图层 - 若需纯卫星视图，可先
map.clearMap()再map.add(satellite)，但更推荐保留底图+叠加 - 注意高德 2.0 版本中
AMap.Map的mapType参数仅影响底图，默认就是"normal"（街道），不支持直接设为卫星
Leaflet 中切换 Esri 卫星图与 OpenStreetMap 街道图
Leaflet 没有内置“视图类型”概念，切换本质是替换图层（L.tileLayer）。关键是管理好图层引用，并用 addTo()/remove() 控制显示。
典型陷阱：重复 addTo(map) 导致多个图层叠加、瓦片请求暴增；或忘记从 map 上移除旧图层，造成内存泄漏。
- 定义两个图层变量：
const osm = L.tileLayer("https://{a-d}.tile.osm.org/{z}/{x}/{y}.png")，const esriSat = L.tileLayer("https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}") - 切换逻辑：
osm.remove(); esriSat.addTo(map)（反之亦然） - 建议封装成函数，例如
switchTo("satellite")，内部维护当前激活图层引用，避免误操作 - Esri 卫星图服务有使用条款，生产环境需确认是否允许、是否需加 attribution
切换时地图中心/缩放丢失？检查事件监听时机
视图切换本身不会重置 center 或 zoom，但如果在地图未就绪时调用，或图层加载失败后触发了默认 fallback 行为，就可能出现跳变或空白。
最常被忽略的是图层加载状态——尤其高德和 Leaflet 的卫星图层首次加载较慢，直接切换可能渲染为空白，用户误以为“失效”。
- Google Maps：监听
map.addListener("tilesloaded", callback)确保图块就绪后再交互 - 高德：监听
satellite.on("complete", callback)，注意该事件只在图层首次加载完成时触发一次 - Leaflet：用
layer.on("load", callback)，但更稳妥的是结合map.hasLayer(layer)做状态判断 - 所有方案都建议加 loading 状态提示（如按钮禁用、图标旋转），避免用户连续点击导致图层混乱
