经纬志 · GIS 中文文档与可运行示例

经纬志 · GIS 中文文档与可运行示例 https://www.jingweizhi.com/ 八套 GIS 库的中文文档、820 个可运行示例与 120 个实战案例。看得懂，跑得起来。 zh-cn Mon, 02 Nov 2026 03:47:29 GMT 相机与视角控制 https://www.jingweizhi.com/cesium/tutorial/camera.html https://www.jingweizhi.com/cesium/tutorial/camera.html Mon, 02 Nov 2026 03:34:08 GMT Cesium Camera 的定位方式、heading/pitch/roll 朝向定义、视角保存与恢复，以及 flyTo 常见失效原因。社区精选资源 https://www.jingweizhi.com/cesium/tutorial/community-picks.html https://www.jingweizhi.com/cesium/tutorial/community-picks.html Mon, 02 Nov 2026 03:34:08 GMT Cesium 生态里值得长期收藏的仓库、沙盒示例、教程、开源工具与问答入口，按用途分类的中文索引。加载一个 3D 模型 https://www.jingweizhi.com/cesium/examples/3d-models.html https://www.jingweizhi.com/cesium/examples/3d-models.html Mon, 02 Nov 2026 03:33:54 GMT 用代码生成 GLB 并以 Blob URL 加载到 Cesium，使用 modelMatrix 逐帧旋转模型，全程不需要 ion Token。聚合与热力图 https://www.jingweizhi.com/openlayers/tutorial/cluster-heatmap.html https://www.jingweizhi.com/openlayers/tutorial/cluster-heatmap.html Mon, 02 Nov 2026 03:34:39 GMT 用 ol.source.Cluster 做点聚合、用 ol.layer.Heatmap 做密度热力，理解参数单位与缩放展开。社区精选资源 https://www.jingweizhi.com/openlayers/tutorial/community-picks.html https://www.jingweizhi.com/openlayers/tutorial/community-picks.html Mon, 02 Nov 2026 03:34:39 GMT OpenLayers 生态的中文索引：官方仓库、示例库、Workshop、常用插件、投影工具与问答入口。无障碍地图 https://www.jingweizhi.com/openlayers/examples/accessible.html https://www.jingweizhi.com/openlayers/examples/accessible.html Mon, 02 Nov 2026 03:34:20 GMT OpenLayers 无障碍地图示例：焦点管理、键盘平移缩放与 aria-live 状态播报。社区精选资源 https://www.jingweizhi.com/leaflet/tutorial/community-picks.html https://www.jingweizhi.com/leaflet/tutorial/community-picks.html Mon, 02 Nov 2026 03:34:15 GMT Leaflet 生态中文索引：官方文档与示例、插件列表、常用插件仓库、底图源与问答入口。绘制与编辑 https://www.jingweizhi.com/leaflet/tutorial/draw-edit.html https://www.jingweizhi.com/leaflet/tutorial/draw-edit.html Mon, 02 Nov 2026 03:34:15 GMT 不依赖插件，用 Leaflet 核心 API 实现点击绘制多边形、顶点拖拽编辑、面积实时计算与状态管理。多底图切换 https://www.jingweizhi.com/leaflet/examples/basemap-switch.html https://www.jingweizhi.com/leaflet/examples/basemap-switch.html Mon, 02 Nov 2026 03:34:15 GMT Leaflet 多底图切换完整示例：OpenStreetMap 与 CARTO 底图、按钮互斥、视图状态保持与版权信息同步。聚合图层：六边形与热力 https://www.jingweizhi.com/deckgl/tutorial/aggregation.html https://www.jingweizhi.com/deckgl/tutorial/aggregation.html Mon, 02 Nov 2026 03:34:15 GMT deck.gl 的 HexagonLayer、GridLayer 与 HeatmapLayer：分箱半径、颜色区间、高度拉伸与参数单位。动画与过渡 https://www.jingweizhi.com/deckgl/tutorial/animation.html https://www.jingweizhi.com/deckgl/tutorial/animation.html Mon, 02 Nov 2026 03:34:15 GMT deck.gl 的 transitions 属性过渡、TripsLayer 轨迹动画，以及逐帧更新时的图层复用与性能边界。聚合过渡 https://www.jingweizhi.com/deckgl/examples/aggregation-transition.html https://www.jingweizhi.com/deckgl/examples/aggregation-transition.html Mon, 02 Nov 2026 03:34:11 GMT 用两层不同半径的 HexagonLayer 交叉淡入淡出，演示 deck.gl 聚合粒度切换的过渡效果。相机与动画 https://www.jingweizhi.com/maplibre/tutorial/camera-animation.html https://www.jingweizhi.com/maplibre/tutorial/camera-animation.html Mon, 02 Nov 2026 03:34:19 GMT jumpTo、easeTo、flyTo、fitBounds 的差别与参数，动画取消、事件时序与视野适配的写法。聚合与热力图 https://www.jingweizhi.com/maplibre/tutorial/cluster-heatmap.html https://www.jingweizhi.com/maplibre/tutorial/cluster-heatmap.html Mon, 02 Nov 2026 03:34:19 GMT 用 GeoJSON 源的 cluster 做点聚合，用 heatmap 图层做密度渲染，以及两者不能共用同一份源的原因。线条流动动画 https://www.jingweizhi.com/maplibre/examples/animate-line.html https://www.jingweizhi.com/maplibre/examples/animate-line.html Mon, 02 Nov 2026 03:34:16 GMT 轮换 line-dasharray 实现线条流动的完整示例，含暂停与节拍控制。空间分析基础 https://www.jingweizhi.com/turf/tutorial/basics.html https://www.jingweizhi.com/turf/tutorial/basics.html Mon, 02 Nov 2026 03:34:44 GMT Turf.js 的计算模型：GeoJSON 输入输出、要素构造、单位默认值与球面几何，以及计算结果怎么校验。缓冲区与距离 https://www.jingweizhi.com/turf/tutorial/buffer-distance.html https://www.jingweizhi.com/turf/tutorial/buffer-distance.html Mon, 02 Nov 2026 03:34:44 GMT Turf 的距离计算与缓冲区生成：haversine 测距、buffer 的半径与 steps、线要素走廊、单位换算和常见偏差。沿线取点 https://www.jingweizhi.com/turf/examples/along.html https://www.jingweizhi.com/turf/examples/along.html Mon, 02 Nov 2026 03:34:42 GMT 用滑块控制里程，turf.along 沿折线返回对应位置的点，同时显示坐标与剩余距离。动画系统 https://www.jingweizhi.com/three/tutorial/animation.html https://www.jingweizhi.com/three/tutorial/animation.html Mon, 02 Nov 2026 03:34:40 GMT three.js 的 AnimationMixer 与关键帧剪辑、程序动画的时间步进，以及循环模式与混合。第一个场景：场景、相机与渲染器 https://www.jingweizhi.com/three/tutorial/basics.html https://www.jingweizhi.com/three/tutorial/basics.html Mon, 02 Nov 2026 03:34:40 GMT three.js 入门：场景、透视相机、WebGL 渲染器三件套，画布尺寸、像素比、色彩空间与动画循环。动画混合 https://www.jingweizhi.com/three/examples/animation-blend.html https://www.jingweizhi.com/three/examples/animation-blend.html Mon, 02 Nov 2026 03:34:39 GMT three.js 动画混合示例：AnimationMixer 同时播放两条关键帧片段，用权重滑块混合出关节姿态。 AnimationLoop 与时间驱动 https://www.jingweizhi.com/lumagl/tutorial/animation-loop.html https://www.jingweizhi.com/lumagl/tutorial/animation-loop.html Mon, 02 Nov 2026 03:34:16 GMT luma.gl 9 的 AnimationLoop：回调字段、生命周期、按需渲染与时间轴挂载。画布、尺寸与设备像素比 https://www.jingweizhi.com/lumagl/tutorial/canvas-sizing.html https://www.jingweizhi.com/lumagl/tutorial/canvas-sizing.html Mon, 02 Nov 2026 03:34:16 GMT luma.gl 9 的画布配置：useDevicePixels、autoResize、CSS 尺寸与绘制缓冲的关系，以及 resize 处理。缓冲区数据更新 https://www.jingweizhi.com/lumagl/examples/buffer-update.html https://www.jingweizhi.com/lumagl/examples/buffer-update.html Mon, 02 Nov 2026 03:34:16 GMT luma.gl 动态缓冲示例：二百个顶点组成波浪线，每帧改写位置并重新上传，展示 line-strip 与 Buffer.write。国内地图坐标偏移到底差多少米 https://www.jingweizhi.com/cookbook/coordinate-offset.html https://www.jingweizhi.com/cookbook/coordinate-offset.html Mon, 02 Nov 2026 03:34:08 GMT WGS84 与 GCJ-02、BD-09 的实际偏移量实测：从 265 米到 622 米不等。含逐城市对照表与可运行的转换工具。底图和数据各自都对，合起来却错位 https://www.jingweizhi.com/cookbook/basemap-misalign.html https://www.jingweizhi.com/cookbook/basemap-misalign.html Mon, 02 Nov 2026 03:34:08 GMT 底图与业务数据各自坐标系都正确却整体错位的成因与排查：坐标系混用、转两次、瓦片自带偏移。地图一片空白，控制台却没有报错 https://www.jingweizhi.com/cookbook/map-blank.html https://www.jingweizhi.com/cookbook/map-blank.html Mon, 02 Nov 2026 03:34:08 GMT 地图容器白屏但无 JS 报错的排查方法：容器高度、初始化时机、CDN 加载、CSS 层级四个方向。地图放在弹窗或折叠面板里显示错位 https://www.jingweizhi.com/cookbook/map-in-modal.html https://www.jingweizhi.com/cookbook/map-in-modal.html Mon, 02 Nov 2026 03:34:08 GMT 地图在弹窗、标签页、折叠面板中显示不全的成因与三种解法：延迟初始化、可见时重算、ResizeObserver。瓦片请求 404 或跨域被拦 https://www.jingweizhi.com/cookbook/tile-404-cors.html https://www.jingweizhi.com/cookbook/tile-404-cors.html Mon, 02 Nov 2026 03:34:08 GMT 地图瓦片加载失败的排查：404、403、CORS、Referer 校验、Key 配额，逐项定位。标记点一多就卡 https://www.jingweizhi.com/cookbook/marker-performance.html https://www.jingweizhi.com/cookbook/marker-performance.html Mon, 02 Nov 2026 03:34:08 GMT 地图标记点数量上来后卡顿的处理路径：图层组、canvas 渲染、聚合、按视野加载，以及各方案适用的数据量。