VincentFHR

前言 之前在证券行业，接触过移动端K线图的需求； H5 K线图，需支持无限左右滑动，支持样式自定义； 纯canvas制作，不借助任何第三方图表库。 一、先看最终的效果 1、GIF动图如下 2、支持样式

可能会有这样的需求， 希望在原来 three.js 3D 地图的基础上，加上热力图。这里给出了一个方案， 那就是如何通过 Shader 编程，实现 3D 场景下的手绘热力图。

上一篇 《Three.js 加载 glb 模型实现散点标注》 较为详细地介绍了在 Three.js 中， 怎么加载 glb 格式的 3D 模型， 本文将会跟高德地图结合起来，实现地图 3D 标注。

用 three.js 加载 glb 格式的 3D 文件， 并改变其材质，加入到 3D场景中， 加上动画效果， 使之可以在数字孪生做散点标注

探索如何在前端开发中实现一个图片标注工具。本文详细介绍了从渲染图像到实现标注功能的关键步骤，并探讨了将技术抽象成通用开源库的可能性，为开发者提供实用指导和灵感。

使用卫星地图时作为行政区块贴图时，通常会让建模师进行处理并结合3D模型使用！点进来就学如何动态生成位置精确的卫星贴图，让你的行政区块炫酷起来！

three.js 如果通过 shader 编程，实现蜂窝网格扩散动画， 这里有详细的原理解说，感兴趣的，可以去试试看。

通过顶部贴图、边缘贴图、Canvas贴图和着色器编程这四种方式，我们可以根据实际项目需求选择最合适的实现方案。本文将详细介绍这四种方案的具体实现步骤，包括所需工具、代码示例以及注意事项

3D 版本的饼状图，其实用 echarts 也是可以做的，但是，echarts 3D 饼状图的代码也是挺复杂的，而且，如果想在饼状图基础上再加上其他一些特效，那么用 three.js 可能更加合适。