声 明1 : 本人才疏学浅,用郭德纲的话说“我是一个小学生”,如有错误,欢迎讨论,请勿谩骂^_^。
声 明2 : 原创博客请在转载时保留原文链接或在文章开头加上本人博客地址,否则保留追究法律责任的权利。
简介
TileMill is a modern map design studio。简单来说,TileMill就是一个地图设计器,简化配图设计的复杂度。
GitHub地址:传送门
帮助文档:传送门
环境要求
- Ubuntu 10.04+ (only tested with 18.04.2)
- Node 8.11.x+ (may work on earlier version, not tested)
- 2 GB memory
- A modern browser (Chrome, Firefox)
- Internet connection for remote datasources
准备工作
更换镜像源为阿里云镜像源,方便后面的下载Node.js引用的包。(这块可以参考我之前的文章),这块如果你有比较好用的梯子或者外国服务器的话,可以略过此步。
安装
-
安装Node.JS
sudo apt install curl curl -sL https://deb.nodesource.com/setup_8.x | sudo bash - sudo apt-get install -y nodejs
-
安装gcc
sudo apt-get install gcc g++ make
-
安装git并下载TileMill仓库代码
sudo apt install git git clone https://github.com/tilemill-project/tilemill.git cd tilemill npm install
-
启动TileMill服务
./index.js --server=true --listenHost=0.0.0.0 --coreUrl=${_SERVER_IP_}:20009 --tileUrl=${_SERVER_IP_}:20008
如:./index.js --server=true --listenHost=0.0.0.0 --coreUrl=192.168.80.218:20009 --tileUrl=192.168.80.218:20008
${SERVER_IP}
请替换为实际的服务器IP
,然后在浏览器端输入${SERVER_IP}:20009
就可以访问TileMill了。如果一些顺利的话,会看到如下的场景:
-
后台运行(可选)
如果想后台运行,建议安装screen。关于screen的使用参考这篇博文linux screen工具apt install screen
简单使用
- 新建工程
- 添加数据,这块我以postgis为例
# 图层ID,这块我输入的是building,后面配置符号是会使用 # 数据库连接信息 host=192.168.90.110 port=5432 user=postgres password=postgres dbname=osm # 添加图层SQL,这块您也可以只保留您需要的字段,不建议使用* select gid,geom from gis_osm_buildings_a_free_1 # 设置key Field,这块我的是gid # 设置Geometry Field,这块我的是geom # 设置Extent,这块我选择的是默认的,这块您也可以指定好具体的范围 # 设置座标系SRS,这块我选择的WGS84
- 配置符号
在右侧的style.mss文件中,配置符号,配置完点击右上角的save
按钮生效。
style.mss文件内容如下所示:Map { background-color: #b8dee6; } #building { ::outline { line-color: #85c5d3; line-width: 2; line-join: round; } polygon-fill: rgb(255,255,0); } #water { ::outline { line-color: #85c5d3; line-width: 2; line-join: round; } polygon-fill: rgb(0,255,255); }
这块的颜色支持输入以下几种格式:
- rgb格式,如 rgb(128,128,128)
- argb格式,如rgba(128,128,128,1)
- 16进制颜色,如#ffff。(RGB颜色值与十六进制颜色码转换工具)
5. 导出xml格式
符号化
点
线
面
条件符号化
绘制顺序
TileMill的图层顺序可以在左侧的图层列表中看到,跳转图层顺序可以将鼠标移动到几何图标处移动图层。
- 图层:“较高”图层模糊“较低”图层。
- 样式表从左到右应用。
- 样式表中的规则从上到下应用。
其他
待补充