1、缘起

  1. OpenStreetMap(简称OSM)不仅可以免费在线使用,还可以免费下载原始数据,数据格式有.osm.pbfshp
  2. 我们将OSM原始数据下载下来,处理成矢量瓦片,发布成服务,就可以实现OSM地图的本地发布和自定义配图。
  3. OSM对数据的组织方式,是按点、线、面来的,不是我们常见的按道路、建筑物、河流来分图层的方法,但可以根据属性进行提取。
  4. openmaptiles提供了一套OSM数据使用的完整解决方案,可以实现OSM数据的下载、入库、分析、生成矢量瓦片、调整地图样式、地图预览的全套功能,并且开源
  5. 接下来我们就来详细介绍openmaptiles开源库如何安装和快速入门。

2、准备环境

  1. 安装linux系统(openmaptiles开源库只能在linux系统上运行)
  2. 安装docker
  3. 安装Docker Compose
  4. 安装git

2.1、安装linux系统

  1. 我是在虚拟机上安装的,虚拟机和linux系统的安装教程参考:https://blog.csdn.net/null_of_error/article/details/108133241
  2. 虚拟机版本我用的VM14,百度网盘下载地址:https://pan.baidu.com/s/1BTjByB6oTz8cTxOv_GzGWw,提取码:kshr,含许可。
  3. linux系统我使用的是centOS7.9,阿里云官方镜像下载地址:http://mirrors.aliyun.com/centos/7.9.2009/isos/x86_64/CentOS-7-x86_64-Everything-2009.iso

2.2、安装docker

  1. 安装教程参考:https://www.runoob.com/docker/centos-docker-install.html

  2. 我用的是手动安装方式,安装步骤:

    1. 安装docker

      yum install -y yum-utils device-mapper-persistent-data lvm2
    2. 设置国内阿里云的镜像源,会比官方的快

      yum-config-manager --add-repo  http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo
    3. 安装Docker Engine-Community

      yum install docker-ce docker-ce-cli containerd.io
    4. 启动docker

      systemctl start docker
    5. 测试是否安装正确

      docker run hello-world

2.3、安装Docker Compose

  1. 安装教程参考:https://www.runoob.com/docker/docker-compose.html

  2. 安装步骤:

    1. 安装docker compose

      curl -L "https://github.com/docker/compose/releases/download/1.27.4/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
    2. 设置权限

    chmod +x /usr/local/bin/docker-compose
    1. 测试是否安装正确
    docker-compose --version

2.4、安装git

  1. 安装教程参考:https://www.jianshu.com/p/e6ecd86397fb

  2. 安装步骤:

    1. 安装

      yum install git
    2. 测试是否安装正确

      git --version

3、发布地图

openmaptiles开源库

  1. github地址:https://github.com/openmaptiles/openmaptiles
  2. 快速入门文档:https://github.com/openmaptiles/openmaptiles/blob/master/QUICKSTART.md

3.1、拉取代码

  1. 拉取openmaptiles代码

    git clone https://github.com/openmaptiles/openmaptiles.git
  2. 拉取完成后,进入目录

    cd openmaptiles
  3. 执行make命令

make

3.2、测试网络

  1. 先测试一下你电脑能不能打开这个网址:https://www.wikidata.org/,openmaptiles需要从这个网址下载poi数据,如果不能访问,就按下面的步骤设置,让程序跳过这一步。后续想要poi的数据的,可以自行翻墙解决。

  2. 如何跳过下载poi数据:

    1. 使用vi打开quickstart.sh文件,vi使用方法参考:https://zhuanlan.zhihu.com/p/37704677

      vi quickstart.sh
    2. 找到 make import-wikidata 行

    3. 输入 i 进入插入模式

    4. 在 make import-wikidata 命令前输入#号,然后按 esc

    5. 输入:wq 保存退出

3.3、处理数据

执行下面的快速启动命令,程序会自动进行OSM数据的下载、入库、分析、生成矢量瓦片的工作。默认是阿尔巴尼亚地区,生成瓦片的层级是0-7级。后面会讲如何设置地区和层级。这个命令执行时间会稍微有些长,需耐心等待。

./quickstart.sh

3.4、发布矢量瓦片服务

数据处理完成后,把生成的矢量瓦片发布成地图服务,步骤:

  1. 启动服务

    make start-tileserver
  2. 在自己电脑浏览器中输入虚拟机ip地址加端口8080,我电脑的地址是

    http://192.168.50.8:8080/
  3. 点击 view 按钮,查看效果

3.5、自定义地图样式

  1. 启动maputnik

    make start-maputnik
  2. 在自己电脑浏览器中输入虚拟机ip地址加端口8088,我电脑的地址是

    http://192.168.50.8:8088/

  3. 在刚才启动的TileServer-GL 网页中,点击下图中的TileJSON链接,然后拷贝地址

  4. 回到maputnik网页,点击下图蓝框中的按钮Data Sources,把上面的地址粘贴到绿框中,再点击红框中的删除按钮,关闭其它地图。关闭弹出框,就能看到我们发布的地图了。

  5. 接下来就可以自由奔放的自定义地图样式了

3.6、注意

  1. 中国地区的地图这样写,查看所有支持的地区

    ./quickstart.sh china
  2. 建议第一次还是先使用默认的阿尔巴尼亚地区看看效果,熟悉一下流程,因为它的数据小,处理的快。中国地区会很久,也没有个进度条,第一次测试就用这么大的,极容易失去耐心。

  3. 决定数据处理时间的因素:电脑网速、电脑性能、处理数据的大小、生成瓦片的层级。

  4. 我电脑的虚拟机配置比较低,处理阿尔巴尼亚地区,0-7级数据,大概用了10分钟左右,处理台湾地区数据,等了1个小时都没有完成,最后放弃了,等换个好电脑再试。

  5. 想要全国地图的需要注意,中国地区和台湾地区的数据是分开的,需要分别进行下载和处理。

  6. 切图等级在.env文件中配置

4、总结

  1. 本文详细介绍openmaptiles开源库的安装和快速入门使用

  2. 输入下面的帮助命令,可以查看openmaptiles支持的更多功能,我们后续再写文章详细介绍

    make help


原文地址:http://gisarmory.xyz/blog/index.html?blog=OSMVectorTiles

关注《GIS兵器库》公众号, 第一时间获得更多高质量GIS文章。

本文章采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。欢迎转载、使用、重新发布,但务必保留文章署名《GIS兵器库》(包含链接:  http://gisarmory.xyz/blog/),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。

如何实现OSM地图本地发布并自定义配图的更多相关文章

  1. OSM地图本地发布-如何生成各省市矢量地图

    目录 1.缘起 2.问题 3.分析 4.生成自定义地区矢量瓦片 4.1.启动docker 4.2.启动postGIS容器 4.3.设置不清理上次的结果 4.4.删除默认切图范围 4.5.修改切图层级和 ...

  2. arcgis for js 4.6加载本地发布好的2维地图

    我本地发布好的地图服务信息如下图所示: 我们在代码中使用到的url是图中所示的REST URL 加载代码如下: <!DOCTYPE html> <html> <head& ...

  3. 如何发布一个自定义Node.js模块到NPM(详细步骤)

    咱们闲话不多说,直接开始! 由于我从没有使用过MAC,所以我不保证本文中介绍的操作与MAC一致. 文章开始我先假定各位已经在window全局安装了Node.js,下面开始进行详细步骤介绍: 本文本着, ...

  4. 如何发布一个自定义Node.js模块到NPM(详细步骤,附Git使用方法)

    咱们闲话不多说,直接开始! 由于我从没有使用过MAC,所以我不保证本文中介绍的操作与MAC一致. 文章开始我先假定各位已经在window全局安装了Node.js,下面开始进行详细步骤介绍: 本文本着, ...

  5. 【百度地图API】如何自定义地图图层?实例:制作麻点图(自定义图层+热区)

    原文:[百度地图API]如何自定义地图图层?实例:制作麻点图(自定义图层+热区) 摘要:自定义地图图层的用途十分广泛.常见的应用,比如制作魔兽地图和清华校园地图(使用切图工具即可轻松实现).今天我们来 ...

  6. 我给女朋讲编程网络系列(2)--IIS8 如何在本地发布网站

    通过IIS8 在本地发布网站,一个截图,你就全明白了,越是简单,越是实用. 如果有现成的网站,就将你的网站放到一个文件夹中,比如WebTest2中. 如何没有网站,可以在WebTest2中新建一个in ...

  7. 分享Sql Server 2008 r2 数据备份,同步服务器数据(二.本地发布,订阅)

    上一篇文章中写到了数据库的本地备份,这一篇主要分享一下关于不同服务器的数据备份,主要是使用sql server中的本地发布,本地订阅功能,在数据库的读写分离中,也会经常性的用到这个功能. 复制-> ...

  8. phpcms发布文章自定义字段

    phpcms发布文章自定义字段1 进入后台 模型管理 新建模型 里面可以自定义字段了

  9. JS 百度地图 换地图主题颜色(自定义)

    JS 百度地图 换地图主题颜色(自定义) 可通过这个在线编辑得到自己想要的主题:https://developer.baidu.com/map/custom/ <div id="all ...

随机推荐

  1. epoll源码解析翻译------说使用了mmap的都是骗子

    本文地址 //https://www.cnblogs.com/l2017/p/10830391.html //https://blog.csdn.net/li_haoren select poll e ...

  2. 数据库Sharding的基本思想和切分策略(转)

    一.基本思想 Sharding的基本思想就要把一个数据库切分成多个部分放到不同的数据库(server)上,从而缓解单一数据库的性能问题.不太严格的讲,对于海量数据的数据库,如果是因为表多而数据多,这时 ...

  3. vue 切换主题(换肤)功能

    一:先写好两个css样式放在static文件夹中 二:在index.html中添加css link链接 <link rel="stylesheet" id="sty ...

  4. Fiddler的一系列学习瞎记3

    Http: 不安全.可以很容易被拦截,或者其他的嗅探工具发现.怎么样做到安全?起码一下两点: 1.浏览器和we服务器之间的内容应该只有浏览器和web服务器能看到通信内容. 2.Http请求和Http的 ...

  5. cephfs元数据池故障的恢复

    前言 cephfs 在L版本已经比较稳定了,这个稳定的意义个人觉得是在其故障恢复方面的成熟,一个文件系统可恢复是其稳定必须具备的属性,本篇就是根据官网的文档来实践下这个恢复的过程 实践过程 部署一个c ...

  6. rbd无法map(rbd feature disable)

    在jewel版本下默认开启了rbd的一些属性 [root@lab8106 ~]# ceph --show-config|grep rbd|grep features rbd_default_featu ...

  7. windows 无法启动 SQL Server (MSSQLSERVER) 服务(位于本地计算机上)。错误 1069由于登入失败而无法启动 。

    windows 无法启动 SQL Server (MSSQLSERVER) 服务(位于本地计算机上).错误 1069由于登入失败而无法启动. 今天登录测试服务器突然出现无法登录的情况,经排查发现,SQ ...

  8. LeetCode283移动零问题java高效解法

    一.题目: 给定一个数组 nums,编写一个函数将所有 0 移动到数组的末尾,同时保持非零元素的相对顺序. 示例: 输入: [0,1,0,3,12] 输出: [1,3,12,0,0] 说明: 1.必须 ...

  9. Vue-router插件使用

    单页面原理 Vue是单页面开发,即页面不刷新. 页面不刷新,而又要根据用户选择完成内容的更新该怎么做?Vue中采用锚点来完成. 如访问http://127.0.0.1#/index就是主页,而访问ht ...

  10. Docker学习第三天

    1.配置阿里容器镜像加速器 (1)登录阿里云官网搜索"镜像加速器" (2)添加如上图信息进行配置 (3)重新加载deamon和重启docker服务 sudo systemctl d ...