你的瀏覽器默認頁面,是這樣的嗎?

一名 GIS 開發者 Rico 用幾行代碼,對它「施了個魔法」,於是變成了這樣。

奉行開源精神,Rico 已經將全部代碼開源到了 Github,歡迎大家上去 Star 一下鼓勵鼓勵!??

源碼地址:

github.com/HogwartsRico

??

關於作者

陳宏傑 - 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

源碼:github.com/rastapasta/m


一名 Mapbox 開發者,究竟是什麼樣子呢?

你可以像《地圖UI設計工作流,從Mapbox到Sketch》的作者一樣,是對專業領域知識研究深刻,坐擁個人博客的 Technical Writer;

你可以像《半年的周末業餘時間,他們用 Mapbox 開發了中國版 Reddit Place》的團隊一樣,利用業餘時間,把小想法變成萬人使用的產品;

你可以像《insightX 告訴你,為什麼要用 Mapbox 做時空大數據可視化?》的團隊一樣,將傳統結合技術,讓自己的工作能力升級;

你可以像《採訪了2位地圖數據可視化開發者後,發現有很多共鳴》中的開發者一樣,表達觀點,影響更多朋友。

當然,你還可以像本文的開發者 Rico 那樣,用幾行代碼的力量,打造浪漫的地圖小工具,把單調的瀏覽器默認頁變成藝術品。

希望你把自己的開發者故事告訴 Max (微信號:mapbox_max)~

推薦閱讀:

相关文章