Ubuntu16.0.4 TileMill安装部署及简单使用

声 明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引用的包。(这块可以参考我之前的文章),这块如果你有比较好用的梯子或者外国服务器的话,可以略过此步。

安装

  1. 安装Node.JS

    sudo apt install curl
    curl -sL https://deb.nodesource.com/setup_8.x | sudo bash -
    sudo apt-get install -y nodejs
    
  2. 安装gcc

    sudo apt-get install gcc g++ make
    
  3. 安装git并下载TileMill仓库代码

    sudo apt install git
    git clone https://github.com/tilemill-project/tilemill.git
    cd tilemill
    npm install
    
  4. 启动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了。如果一些顺利的话,会看到如下的场景:
    在这里插入图片描述

  5. 后台运行(可选)
    如果想后台运行,建议安装screen。关于screen的使用参考这篇博文linux screen工具

    apt install screen
    

简单使用

  1. 新建工程
    在这里插入图片描述
  2. 添加数据,这块我以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
    
  3. 配置符号
    在右侧的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的图层顺序可以在左侧的图层列表中看到,跳转图层顺序可以将鼠标移动到几何图标处移动图层。
在这里插入图片描述

  1. 图层:“较高”图层模糊“较低”图层。
  2. 样式表从左到右应用。
  3. 样式表中的规则从上到下应用。

其他

待补充

参考资料

  1. Walkthrough: Creating tiles with Mapnik using TileMill
  2. TileMill 快速入门
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章