如何使用Canvas实现一个时间控件

前段时间在一个分享上提及到了我们的时间穿梭控件,分享之后很多同学在Github的Issue中留言想了解该控件的具体开发过程,利用周末的时间将该控件单独重新写成一个Demo,和大家分享一下具体的技术实现细节。 重新整理的控件开源在Github上 [https:...
2020-03-22
1476 5 0

从地图看疫情

前段时间我们发布了一张可以动态展示全球新型冠状病毒疫情趋势的地图,这张图经过N个版本的迭代,结合了来自东西方灵感的碰撞,最终形成了目前大家看到的还算令我们满意的一个版本。今天和大家谈谈开发这张地图背后的故事:我们想通过地图表达什么以及我们通过哪些技术方案让疫情地图得以实现。...
2020-02-23
3689 3 0

从零开始做点阵地图

最近有不少人看到我放在个人主页上的地图之后,问我是怎么做的或者是用了什么插件。 这张地图最早诞生在几年前的一次博客改版,当时是想把我去过...
2019-08-30
3324 14 0

如何在微信小程序里加载超好看的 Mapbox 地图?

小程序,正在成为一种 Pre-App,以一种轻量的方式,来测试 App 的功能和用户场景,便于在正式的 App 中作出更明智的决策。 只可惜,在微信小程序里,只支持自家的地图,比如最基本的地图显示。 所以,开发者们看着 Mapbox 绝美的样式,真的只能望洋兴叹么?...
2019-06-06
2926 3 0

mapv-Editor 预发布版简介

<iframe height=498 width=800 src='https:player.youku.comembedXMzE4MDYwMjc0NA==' frameborder=0 'allowfullscreen'<iframe mapv-Editor是一个基于mapv引擎的一款在线编辑器,目前还...
2017-11-29
2871 4 5

使用JavaScript Canvas模拟绘制带斑马线的十字路口及其细节

最近,在工作中需要模拟绘制一些带斑马线的十字路口,整个实现的过程中用了不少的时间,把具体的绘制过程简单的记录一下。 首先我们看一下手上有哪些数据,在下图中,左边就是我们能拿到的全部数据了。而右边的效果则是我们需要的图形。 ![https:static.zhuwenlong.comuploadimage1509690126944-20171103-1.png?imageView...
2017-11-06
4005 7 203

使用缓冲区以及GLSL变量 - webGL 学习手记 | webGL 教程 (三)

前两篇的文章我们介绍了如何使用webGL进行简单的绘制,今天我们简单说一下如何使用缓冲区。 * DEMO预览 * [http:zmofei.github.ioyes-webgldemodrawpoint.html](http:zmofei.github.io...
2014-12-05
5345 2 4

webGL 学习手记 | webGL 教程 (一)

闲扯淡 若干年前(那时候还不知道雾霾是什么),一个偶然的机会了解到了WebGL。当时出于好奇便找了些资料,想深入研究,但是由于各种原因放弃了。若干年后,来到了充满“黑暗雾霾故事“的帝都追随梦想,由于工作的原因,再次对webGL充满了浓厚额兴趣,为了不让自己的意志被时间消磨,我决定把webGL的过程写成文章,一是用来鞭励自己,二是坚持互联网的开源分享精神,给后面赶路的童鞋们提供些便利(其实...
2014-11-16
7774 6 2