tilemill 使用略解


最近接触了tilemill这款自由定制地图的开源软件。详细介绍可参考官网:http://mapbox.com/tilemill/     ,软件支持多种地图数据、支持自定义样式、支持svg图标和文字样式等,而且地图输出格式也比较丰富,能满足很多应用的需求。

自己做了个地图,总体来说软件还是很好用。





简单介绍一下软件的使用:

1、软件主界面:

我使用的0.10.0(目前最新版),软件左侧的五个按钮依次为:进入编辑模式、打开工程目录、一个简单的软件指南、插件选项以及设置按钮。


软件界面很友善,感兴趣的童鞋自己试一下就基本了解几个按钮的功能了。下面仅以一个简单的例子来制作一个地图。

首先点击左端的 Projects 按钮,可以看到,软件已经内置了几个样例工程,对于初学者,这几个样例还是有很大帮助的,建议仔细研究一下。这里不多说。

点击New project,我们新建一个工程,填写一个文件名称,点击add。一幅简单的世界地图已经在我们眼前了。可是我们还没有添加任何数据,写任何代码呀?其实这是工程在创建的时候,自动为我们加载的。这时候在软件界面的左下角,多了4个按钮,依次为模板、字体、一个简单的Carto说明以及图层按钮(重要)。界面右边的大半部分都是地图样式编辑区域,tilemill使用.mss文件来定义导入的地图数据的样式。又上角为保存和导出按钮。

我们点击左下角的Layers(图层)按钮,可以看到,软件已经为我们加载了一个数据。这便是显示在我们地图界面的世界轮廓数据。在样式编辑区域,已经有一个style.mss文件,定义了世界轮廓的显示样式:

Map {
  background-color: #b8dee6;
}
#countries {
  ::outline {
    line-color: #85c5d3;
    line-width: 2;
    line-join: round;
  }
  polygon-fill: #fff;
}

我们看到,定义了地图背景为淡蓝色(海洋),大陆的轮廓(outline)样式以及大陆板块的颜色。

地图的数据的添加跟这个原理是一样的,1、引入地图数据 2、定义相应数据显示样式



附:

1、一个入门指南参考这里:http://mapbox.com/tilemill/docs/crashcourse/introduction/

2、指南:http://mapbox.com/tilemill/docs/guides/add-shapefile/

3、Reference:http://mapbox.com/tilemill/docs/manual/

4、CartoCss Referrence: http://mapbox.com/tilemill/docs/manual/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值