@JJ-Ying ：家經常有類似「關于頁面上給爺放個公司地圖」這樣的設計需求吧。又或者在相關界面、圖標上要擺那么一塊假地圖之類的，如果直接截屏谷歌或者百度地圖基本上就弱爆了，試試看下面幾個跟地圖有關的工具吧~能做出一些不一樣的效果喲！

MapBox

這是一個可以在其他頁面上內嵌的一個地圖服務，可以自定義地圖的樣式但更強大的是能增加想要的不同標記，免費版有顯示次數的限制。

TileMill

TileMill 其實是 Mapbox 出品的一個 Mac 端的地圖設計工具。他的特色在于可自定義程度極其豐富，利用 CSS 就可以更改地圖中海洋、國家邊界、道路等各種元素的顏色和樣式，小到精確到街道，大到國際、洲際地圖都可以做，同時也能導出圖片或者矢量格式方便使用。

Stamen Maps

對 CSS 不熟或者不想花費那么多時間調整細節？那就試試這個在線地圖 Stamen 吧，已經內置了幾個很不錯效果的樣式，也能導出圖片或者直接在 HTML 中內嵌使用。

原文地址：iconmoon
作者：@JJ-Ying

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：156982）分享實戰經驗。
設計微博：擁有粉絲量55萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：