位置数据是连接线上线下的重要信息资源，在前端借助于图形化的手段将数据有效呈现是进行数据分析的重要手段。基于此，我们开发了基于地图的数据可视化组件，以附加库的形式加入到JSAPI中，目前主要包括热力图、散点图、区域图、迁徙图。 热力图是以颜色来表现数据强弱大小及分布趋势的可视化类…

测试是保证代码质量的重要环节，web项目的单元测试虽然不能完全完成功能测试，但是却能保证底层单一模块的工作质量，并且在代码重构的时候保证对外接口不会发生变化。 Mocha 是一个灵活的测试框架，但它只是一个结构，你需要引入其他插件来实现一些测试功能，比如断言库、覆盖统计等。 M…

在小程序中使用canvas组件绘制地铁图，地铁图包括地铁线路、站点图标、线及站点名称文字，绘制元素为线、圆、图片、文字。 支持拖动平移和双指缩放。 小程序中的canvas性能有限，特别在交互的过程中不断触发重绘会引发严重卡顿。 在不考虑优化的情况下，先说说如何实现绘制和交互。 …

瓦片根据加载的先后顺序依次排列绘制到大纹理上，占位宽度一致，竖向排列。比如若瓦片大小为256px，那么瓦片1的位置为{x:0, y:0}, 瓦片2的位置为{x:0, y:256}。 然后出现了一系列问题：1. 瓦片错乱：瓦片1的位置显示了瓦片4的内容；2. 瓦片内容倒置。 根据…

这篇文章始于一个需求：我们在 SDK 提供的某个 View 的 Subview 中实现了单击双击等多个 Gesture Recognizer，而客户希望自己在这个 View 上的单击手势不会冲突，同时没有延迟。 借此机会，我们来重温下 iOS 的事件机制和手势冲突，重点介绍下 …

在项目中使用 Procedural Mesh Component 在 UE4 中进行面渲染时，画面上出现了严重的闪烁问题。 经过查阅资料，我发现闪烁问题是由 Z-Fighting 导致的。Z-Fighting 是指当多个不透明的面在世界空间中处于共面时，它们的片元可能在深度缓冲…

地图的渲染其实可以分解为线、面、纹理、文字的渲染。为了了解地图渲染的实现原理并实际练习WebGL，进行了这个系列的练习，线是第一步。 考虑到绘制一条线使用同一种颜色，与顶点无关，所以在片元着色器中定义了一个uniform变量u_Color。 WebGL绘制模型的基本单位是三角形…