GISer 男的浪漫，他用地图给浏览器「施了个魔法」 | 开发者故事

你的浏览器默认页面，是这样的吗？

一名 GIS 开发者 Rico 用几行代码，对它「施了个魔法」，于是变成了这样。

奉行开源精神，Rico 已经将全部代码开源到了 Github，欢迎大家上去 Star 一下鼓励鼓励！👏

源码地址：

https://github.com/HogwartsRico/MapboxTab

👦

关于作者

陈宏杰 - Rico

Rico，一个根正苗红的 Giser，从大学选专业完全不知道 GIS 是什么，到入学后发现自己对 GIS 相当有兴趣，参加了多项 GIS 竞赛并拿到很好的名次，最后再到毕业后如愿从事了 GIS 相关的工作。

这简直是太完美了！Max 与他初次电话沟通的时候，觉得他是一个很认真，善于发现生活的人。

最后，从他高效的执行力（在采访后第二天就提供好了全部的素材）能看出，他真的是优秀地图开发者的典型代表呀～

下面就听听他简单讲讲自己的开发经历。

🌰

为什么要开发这个浏览器小工具

这个项目是受 MapTab 的启发而创建的。

其实自己早在三年前就在用 MapTab 了，这个东西很好用是因为它首先可以随机出现很好看的地图，大概有 8 种，可以学习到地理知识；其次是因为自己就是做开发的，看到了 MapTalk 地图引擎，有点想用一用。

于是，几乎是即兴开发的，用了差不多半个小时，修复了原项目的时间不更新的 Bug，将地图的随机场景切换到了中国，使用了 Mapbox 的矢量切片底图（在 Mapbox Studio 中选择了地图样式并生成 URL）。

就完成了自己的这个小插件，很有成就感，后期我会继续完善优化，提供更好的用户体验。

🌰

如何使用这个小插件？

非常简单，一共两种方式可以安装这个插件：

1. 到这里将本项目 Clone 下来。

2. 在本项目 release 稳定版本后将提交到 Chrome 商店，届时直接安装即可。（当上传好 Rico 会在 Readme 中更新噢）

下一步，将会开放的功能有「自定义地图为图片，加载osm等其他类型的底图，自定义地址」等等。

很令人期待啊！！

🌰

怎么看待 Mapbox？

平时对 Mapbox 还蛮关注的，矢量切片特别好，一套数据可以对应多个主题，不需要很复杂的服务器渲染，保持了配色的灵活性。

最喜欢用 Mapbox 的底图，也会借鉴矢量切片方案和规范，希望接下来可以用起来一些移动端的 SDK，希望有小伙伴可以一起交流。

Rico 在最后还为大家推荐了一个很有趣的小玩意：可以运行在终端的 Map。

源码：https://github.com/rastapasta/mapscii

---

一名 Mapbox 开发者，究竟是什么样子呢？

你可以像《地图UI设计工作流，从Mapbox到Sketch》的作者一样，是对专业领域知识研究深刻，坐拥个人博客的 Technical Writer；

你可以像《半年的周末业余时间，他们用 Mapbox 开发了中国版 Reddit Place》的团队一样，利用业余时间，把小想法变成万人使用的产品；

你可以像《insightX 告诉你，为什么要用 Mapbox 做时空大数据可视化？》的团队一样，将传统结合技术，让自己的工作能力升级；

你可以像《采访了2位地图数据可视化开发者后，发现有很多共鸣》中的开发者一样，表达观点，影响更多朋友。

当然，你还可以像本文的开发者 Rico 那样，用几行代码的力量，打造浪漫的地图小工具，把单调的浏览器默认页变成艺术品。

希望你把自己的开发者故事告诉 Max ～

---

您还可以在下面的渠道持续关注我们哦。

微博

@Mapbox地图数据平台，或者tag #mapbox# 

知乎

@Mapbox中国