- 博客(10)
- 收藏
- 关注
RSS订阅原创 基于百度地图JSAPI Three的城市公交客流可视化（三）——实时公交
本文介绍了基于百度地图JSAPI Three实现城市公交客流可视化中的实时公交功能。通过加载公交车模型和站台模型，结合轨迹数据实现了公交车的动态运行效果。系统使用历史轨迹数据模拟实时位置更新，将WGS84坐标转换为百度坐标系，并对站台模型进行朝向调整使其正确面向马路。关键步骤包括：1) 加载公交车模型并设置初始位置；2) 处理线路和站点数据为GeoJSON格式；3) 计算站台朝向向量使其面向马路；4) 创建DOM提示框随车移动。该方案为智慧交通领域的实时公交可视化提供了可行实现思路。
2025-11-05 08:55:34
1098
1
原创 基于百度地图JSAPI Three的城市公交客流可视化（二）——区域客流
本文介绍了基于百度地图JSAPI Three的城市公交区域客流可视化方法。通过Turf.js生成六边形蜂窝网格，统计各网格内公交站点客流数据，采用HSL色彩空间实现从绿色到红色的热力图效果。关键步骤包括：1）使用GeoJSON边界数据生成蜂窝网格；2）统计每个六边形内的站点数量和客流总和；3）基于THREE.js实现客流热力可视化。该方法能直观展示城市不同区域的公交客流密度分布，辅助识别热点区域。完整代码见文末仓库地址。
2025-11-04 13:58:24
617
原创 基于百度地图JSAPI Three的城市公交客流可视化（一）——线路客流
本文介绍了基于百度地图JSAPI Three的城市公交客流可视化实现方法，重点展示线路客流效果。通过热力柱可视化站点客流强度，使用自定义飞线类模拟乘客流动。技术实现采用Vue3框架，结合百度地图ThreeJS版和Turf空间计算工具。文章详细讲解了数据准备（站点、飞线、线路数据）、热力柱生成（高度反映客流强度）以及飞线效果实现（基于Three.js的贝塞尔曲线和Shader材质）。该方案能够直观展示公交线路各站点间的乘客流向关系，为城市公交管理提供可视化支持。
2025-11-04 13:54:13
1056
原创 高德setCenter过度效果-模仿mapox效果
优化过度的效果高德镜头效果-center切换镜头抬起可以看到如果两个点距离很近的话则正常过度，如果较远则抬起镜头过度，更符合观感，废话不多说。
2024-07-19 13:55:54
597
1
原创 高德地图setFitView效果优化，模拟mapbox动画效果，高德镜头动画
是不是好多了，做这个东西完全是想吐槽一下高德地图的动画效果太拉了，完全跟不上现代的审美，做得好的想苹果地图、mapbox、cesium，他们的切换动画做的很好，就想着在高德上实现这种动画，让它的过度变得流畅起来，开干！其次是知道合适的zoom级别，这是难点，高德似乎没有返回合适的zoom级别api，那就的自己写了，，后续会加上考虑UI的偏移，比如说右边有一个悬浮的操作界面，那么展示的时候就往左偏移一点，就像手机版高德那样。也可以用到css的动画中，废话不多说，首先我们加载loca。
2024-07-17 10:30:52
1839
原创 扫描二维码进小程序指定页面（包解决！！）
如果是二维码跳转options中会有q这个参数，内容为完整的测试链接，小程序会自动加密其中的路径地址。你可以将测试链接复制下来，随便找到一个二维码生成工具网站，生成二维码，以便下面的测试。sharedParameterAnalysis是自己定义的函数，统一处理参数。以上方法可以将options中q的路径解密出来，然后将其中的参数一一取出。2.微信小程序提供了这种功能，具体实现可以分三步。这个时候路径有了参数也有了，不就可以了吗！用户微信扫一扫即可打开指定页面了，1.在开发小程序时，有时会有。
2023-10-18 13:39:39
4939
6
原创 H5跳回小程序的wx.miniProgram.navigateTo不起效果，无法跳转页面,已解决
H5跳回小程序的wx.miniProgram.navigateTo不起效果，无法跳转页面,已解决
2022-07-16 16:17:43
7055
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人