高德地图js api中仅设viewmode:'3d'不足以显示立体建筑，必须同时启用pitchenable:true、buildinganimation:true，并设置非零pitch和rotation值，否则建筑图层不加载、视角无法抬升。
viewMode: '3D' 是高德地图 JS API 中开启 3D 视图的最简有效方式，但仅设此项远不足以让建筑“立起来”——它只切换视角模式，不自动加载建筑体块数据。
高德地图必须显式启用 buildingAnimation 和 pitchEnable
很多开发者写了 viewMode: '3D' 却看不到立体楼体，根本原因是：高德默认关闭建筑渲染层，且俯仰角（pitch）被锁死在 0°。
-
pitchEnable: true必须开启，否则拖拽地图时无法抬升视角，建筑永远平铺在地面 -
buildingAnimation: true不仅控制入场动画，更是触发建筑图层加载的开关；设为false时，即使viewMode是 3D，建筑也不显示 -
rotation和pitch初始值建议设为非零：例如rotation: -15、pitch: 60，否则首次加载时视角正对地面，看不出立体感
Mapbox GL JS 需手动添加 building layer，不能只靠 style
Mapbox 的 mapbox-gl 默认样式（如 mapbox://styles/mapbox/streets-v12）不含建筑 3D 数据。你得自己加一层 fill-extrusion 类型的图层，并确保原始矢量切片里有 height 或 min_height 属性。
- 检查数据源是否含高度字段：用
map.queryRenderedFeatures()点击任意建筑，看返回对象里是否有properties.height - 添加图层时，
source-layer名称必须和矢量瓦片中定义的一致（常见为building或buildings），错一个字母就不出效果 - 高度单位是米，但投影后视觉缩放受
zoom影响明显；建议用表达式动态缩放：['interpolate', ['linear'], ['zoom'], 15, 0, 17, ['get', 'height']]
ECharts GL 的 3D 建筑依赖 GeoJSON 的 coordinates 结构
echarts-gl 渲染建筑不是靠“贴图”，而是把每个建筑轮廓解析为 Polygon，再沿 Z 轴拉伸。这意味着你的 GeoJSON 不能只有一串经纬度点，必须是合法的环状结构（首尾坐标相同），且 properties 里要有明确的 height 字段。
- 常见错误：用
Point类型代替Polygon，结果只出一个柱子，不是楼体 - 高度字段名必须匹配配置项：
itemStyle.emphasis.height会读properties.height，若数据里叫buildingHeight，就得用encode: { height: 'buildingHeight' } - 大规模建筑群务必开启
progressive: 500，否则浏览器直接卡死——ECharts GL 默认一次性渲染全部几何体
Three.js + Mapbox 混合渲染时，坐标系偏移是最大陷阱
直接把 THREE.Mesh 放到 map.getCanvas() 上看似合理，但地理坐标（WGS84）、Web 墨卡托（EPSG:3857）、Three.js 局部坐标三者不打通，建筑一定飘在空中或沉入地下。
- 别手写投影公式：用
mapboxgl.MercatorCoordinate.fromLngLat([lng, lat], elevation)获取精确的 Web 墨卡托三维坐标 - 所有建筑
position应基于地图当前中心点做相对偏移，否则缩放时位置错乱：mesh.position.set(projected.x - center.x, projected.y - center.y, elevation) - 高度
elevation单位是米，但真实地形有起伏，若需贴地，必须叠加world-elevation或 DEM 数据，否则楼底悬空
真正让建筑“站住”的，从来不是某个开关或参数，而是坐标系链路是否闭合、数据字段是否就位、图层加载时机是否正确。漏掉其中任一环，页面看起来都在动，但楼就是不立起来。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
