推荐几个设计地图用的工具

日期:2013 年 9 月 27 日设计工具
大家经常有类似「关于页面上给爷放个公司地图」这样的设计需求吧~ 又或者在相关界面、图标上要摆那么一块假地图之类的,如果直接截屏谷歌或者百度地图基本上就弱爆了,试试看下面几个跟地图有关的工具吧~能做出一些不一样的效果哟~

MapBox


图片载入中...


这是一个可以在其他页面上内嵌的一个地图服务,可以自定义地图的样式但更强大的是能增加想要的不同标记,免费版有显示次数的限制。
http://www.mapbox.com


TileMill


图片载入中...


TileMill 其实是 Mapbox 出品的一个 Mac 端的地图设计工具。他的特色在于可自定义程度极其丰富,利用 CSS 就可以更改地图中海洋、国家边界、道路等各种元素的颜色和样式,小到精确到街道,大到国际、洲际地图都可以做,同时也能导出图片或者矢量格式方便使用。
http://mapbox.com/tilemill/


Stamen Maps


图片载入中...


对 CSS  不熟或者不想花费那么多时间调整细节?那就试试这个在线地图 Stamen 吧,已经内置了几个很不错效果的样式,也能导出图片或者直接在 HTML 中内嵌使用。
http://maps.stamen.com/


Addy


图片载入中...


Addy 其实是个刚刚上线的 share 地址信息的在线服务,找到对应地址,完善简介信息之后即可用作一张带地图的个人或者公司名片(比如我创建的这个测试页面)。这个服务对于国人其实用处不是很大,不过推荐一下也是因为他们的主页在 Web 上很牛 X 地模拟了类似 iOS 7 的实时背景模糊效果,可惜因为我懒,这篇博文写了蛮久,他们上线再去看的时候主页已经改版了我也没存档。。。。我果然还是应该去上吊的,唉。。。。(更新:感谢 @dingyi 老师让我不用上吊了,网页上实时背景模糊的实现方式可以移步 CodePen
https://addy.co/

博文评论
微博 知乎 Twitter Dribbble Behance Instagram LinkedIn Unsplash