基于PG与PostGIS搭建实时矢量瓦片服务

最新推荐文章于 2025-04-13 23:22:36 发布
最新推荐文章于 2025-04-13 23:22:36 发布
阅读量1.1w 收藏 69
点赞数 11
分类专栏： GIS 文章标签： gis postgresql
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_35241223/article/details/106439268
版权

基于PG与PostGIS搭建实时矢量瓦片服务

在PG相关分享上已经分享过两次关于PG与PostGIS做实时矢量切片这块的内容了。这次写几篇博客来分享这块的知识。

矢量瓦片（MVT）

本文中提到的矢量瓦片为Mapbox Vector Tile格式，简称MVT。

MVT标准

MVT标准参考Mapbox官方文档。传送门链接

矢量瓦片优势

  1. 可以支持高分辨率屏幕的显示
  2. 地图渲染在前端，可以支持一套数据随意更改配图方案，解决传统栅格瓦片动态样式上的问题
  3. 要素查询可以在前端进行
  4. 保持了矢量数据的优势，同时采用切片方式又提高了传输上的效率

实时矢量瓦片

顾明思议，矢量瓦片不在使用工具线下进行预先切片，采用即时浏览即时传输矢量瓦片。

为什么要有实时的矢量瓦片

采用实时切的矢量瓦片可以做到数据编辑功能。如果采用预先切片方式，那么在数据编辑后，浏览的数据还是旧的数据，做到实时的矢量瓦片后，编辑数据之后浏览到的矢量瓦片就是最新数据。这样就可以解决数据编辑后瓦片不是最新的问题。

PostGIS中矢量切片相关函数

本文介绍使用PG+PostGIS来做到实时的矢量瓦片，在实战之前先介绍几个用到的矢量瓦片相关的函数。

主要函数：

  • ST_AsMvtGeom 将Geom转化为MVT的geom
  • ST_AsMVT 将geom转换为MVT数据
  • ST_TileEnvelope(3.0以上支持） 根据行列号获取Envelope

辅助函数：

  • ST_Transform 坐标转换函数，用它可以做到支持任何坐标系的矢量瓦片
  • ST_Simplify 简化，用它来做线或者面的简化
  • ST_SimplifyPreserveTopology 与简化类似

实战

思路：

  • 前端地图库浏览时，将请求URL传到后台
  • 后端实现URL的服务，根据x、y、z获取对应范围数据，使用sql查询到数据返回给前端

只有点层的SQL语句

点的矢量切片
效果

点、线、面层在一起的SQL

点线面
点线面效果

写在最后

  • 本文先介绍如何使用PG+PostGIS生成矢量瓦片。后续会写几篇一些小的优化技巧，用来支持大数据量下的浏览，欢迎关注。

  • 本人写了后端服务以及前端浏览（mapboxgljs）的源代码，后端服务使用Go与Node.js分别实现了一遍，以下附上源代码地址，github链接觉得有用动动手给个star。

  • 在分享会上的PPT分享给大家，传送门

关于作者

GISer
小刘先森
QQ: 1016817543
邮箱：1016817543@qq.com
github：https://github.com/MrSmallLiu (欢迎star)

相关链接

以下为本人参与开发的一些库，欢迎各位Star、Issues、PR

基于PostGIS的mvt动态矢量切片的后台地图服务和前端调用
sig321的专栏
05-27 4092
基于PostGIS实现mvt动态矢量切片的后台地图服务和前端调用openlayers
基于springboot+postgis的矢量切片
zhaoquanfeng的博客
08-20 9700
概述： 本文将介绍如何基于java+postgis进行矢量切片的制作； 矢量切片介绍： 1.矢量切片是一种利用协议缓冲技术的紧凑的二进制格式用来传递信息。当渲染地图时矢量切片使用一系列存储的内部数据进行制图。被组织到矢量切片的图层（比如道路、水、区域），每一层都有包含集合图形和可变属性的独立要素（例如姓名、类型等等）。通俗的说，就是将矢量数据以建立金子塔的方式，然后在前段...
node-pgtiles:矢量切片的 PostgreSQL 模式。 从 Mapbox mbtiles 和 CartoDB postgresql 扩展建模
06-15
node-pgtiles 矢量切片的 PostgreSQL 模式。 从 Mapbox 和 CartoDB 建模 依赖关系 安装 $ npm install pgtiles 用 var pgtiles = require ( 'pgtiles' ) ; var connectionString = 'postgres://username:password@host:dbname/5432' ; var tileSchema = pgtiles ( connectionString ) ; // Add the table schema and functions to the designated PostgreSQL database tileSchema . create ( function ( err , result ) { if ( err ) { // han
pgsql+postgis 实时返回mvt(Mapbox Vector Tiles) 矢量瓦片。
keepstudy_yangzh的博客
08-22 4882
pgsql+postgis 实时返回mvt(Mapbox Vector Tiles) 切片。 xmin,ymin,xmax,ymax 为瓦片范围坐标，下面有x,y,z转换为瓦片空间范围方法。 SELECT ST_AsMVT ( fmvt, 'pointLayer', 4096, 'geom' ) as "mvt" FROM (SELECT dwmc, ST_AsMVTGeom (ST_Transform ( st_simplify (dgeom,${tolerance},true), 3395)
Cesium学习笔记——点击位置生成积云
最新发布
mingyu_mingyu的博客
04-13 907
在Cesium的学习中，学会读文档十分重要！！！在这里附上中文文档在Cesium中，有一个类CumulusCloud是专门用来制作积云的。要通过点击的位置生成积云分4步，首先创建一个CloudCollection对象，然后绑定鼠标左击事件，获取屏幕点击处的位置，接着在此位置上加入体积云，最后绑定按钮点击事件就可以了。
PostGIS 矢量瓦片
weixin_38670190的博客
08-10 1858
Martin是一个开源的PostGIS矢量切片服务器
postgis 矢量切片
A873054267的博客
08-08 1139
文章主要来自于该篇文章，对博客中的内容进行了注释及部分修改，帮助理解。 https://www.jianshu.com/p/24f7363c05b9 #BBOX函数，该函数要先在数据库中运行才不会报错，将文中的注释去掉 CREATE OR REPLACE FUNCTION BBox(x integer, y integer, zoom integer) RETURNS geometr...
leaflet加载postgis发布的矢量切片数据
nmj2008的博客
07-28 1307
之前写过使用mapbox加载矢量切片：https://www.cnblogs.com/2008nmj/p/15069842.html 那么leaflet怎么加载python+postgis发布的矢量切片服务呢？ 矢量切片简介：https://blog.youkuaiyun.com/qingyafan/article/details/53367204 leaflet 添加geoserver + postgis database 发布的矢量瓦片：https://blog.youkuaiyun.com/qq_34870529/ar
3.（高级示例篇）leaflet+postgres+postgis+geoserver实现高性能热力图（亿级别数据量）.zip
10-19
在本示例中，我们将探讨如何使用Leaflet、Postgres、PostGIS以及Geoserver来构建一个能够处理亿级别数据量的高性能热力图。这是一个高级的地理信息系统（GIS）应用，适合那些需要处理大量地理数据并进行可视化展示的...
vector-tiles-generator:从Postgis数据库轻松生成Mapbox矢量图块（不依赖Mapnik）
04-30
向量瓦片生成器 安装 yarn add vector-tiles-generator 与快递一起使用 var VectorTileGenerator = require ( 'vector-tiles-generator' ) ; // initialize once your generator var vectorTileGenerator = new ...
在PostGreSQL、PostGIS的数据库以及C#环境下，openlayer对矢量切片（GeoJson方式）的操作流程
weixin_39392030的博客
03-25 776
SELECT row_to_json(fc) FROM ( SELECT 'FeatureCollection' AS type , array_to_json(array_agg(f)) AS features FROM ( SELECT 'feature' AS t...
快速而轻量级的 PostGIS 矢量切片服务器
06-28
马丁Martin 是一款适用于大型数据库的PostGIS矢量切片服务器。Martin 是使用Actix Web 框架用Rust编写的。要求安装用法应用程序接口与 Mapbox GL JS 一起使用与传单一起使用与deck.gl 一起使用表源表源列表表源 TileJSON表源瓷砖函数源函数源列表函数源 TileJSON函数源磁贴命令行界面环境变量配置文件与 Docker 一起使用与 Docker Compose 一起使用与 Nginx 一起使用从源头构建调试发展要求Martin 需要 PostGIS >= 2.4.0。安装您可以从Github 发布页面下载 martin。平台 下载（最新） Linux 64 位 苹果系统 64 位 视窗 64 位 如果您使用的是 macOS 和Homebrew ，则可以使用 Homebrew tap 安装 martin。brew tap urbica/tap brew install martin你也可以使用官方的 Docker 镜像docker run -p 3000:3000 -e DATABASE_URL=postgres://[email pro
马丁：快速，轻量级的PostGIS矢量切片服务器
02-05
马丁：快速，轻量级的PostGIS矢量切片服务器
docker-pgrestapi:从 docker 容器运行 PGRESTAPI（矢量切片服务）
06-20
docker-pgrestapi 在容器中设置 PGRESTAPI 是用于 PostgreSQL 空间表的 Node.js REST API。 克隆这个 repo git clone https://github.com/noahg/docker-pgrestapi.git 配置数据库或添加文件 PGRestAPI 可以提供静态 shapefile、mbtiles 文件或连接到 Postgres/PostGIS 数据库。 使用您的数据库设置编辑 config/settings.js.example 和/或将一些文件添加到 data/ 下的适当子目录中（例如 data/shapefiles/） 出于安全原因，建议您使用只读 PostGreSQL 用户。 settings.pg.username = 'username'; settings.pg.password = 'pass
基于 PostGIS 生成MVT矢量瓦片
xuyizhuo的博客
09-24 2522
基于Springboot+PostGIS动态生成MVT矢量瓦片
基于PG与PostGIS的实时矢量瓦片服务——百万级要素优化
小刘的博客
07-19 4657
上一篇文章介绍了如何使用PG与PostGIS搭建实时矢量瓦片服务，但未介绍如何做优化，对于日常项目使用基本可以满足，这篇文章介绍一下如何浏览百万级要素。示例为300万点要素。 对于不知道如何使用PG与PostGIS搭建实时矢量瓦片服务的小伙伴，可以参考我上一篇文章。传送门 背景介绍 对于某些应用场景，数据量很容易达到百万级要素，数据每天都在改变。而且还要考虑在1-6级这种小级别时候的数据展示，那么这个时候仅仅是PG与PostGIS简单的矢量瓦片服务比较困难达到客户想要的效果，这个时候就要考虑做一些优.
java+postgis实现4490坐标系动态矢量瓦片并实现后端聚合
qq_37731856的博客
08-25 6612
java+postgis实现动态矢量瓦片并支持4490坐标系和实现后端聚合
Postgis动态矢量瓦片前后端部署指南
weixin_57664381的博客
12-25 3346
webgis最近随着智慧城市、数字孪生等项目大火，成为当下非常热门的技术。mapbox提出的矢量瓦片技术，解决的B/S端在面对大体量gis数据时的前端的渲染压力。使得前端地图在面对百万级的数据量依旧游刃有余，甚至比在C端上的浏览还要丝滑。动态矢量瓦片技术，解决了矢量存储在数据库中的实时动态更新，以及不再需要使用离线工具对矢量进行本地切片发布的问题
PostgreSQL+postgis实时矢量切片效果展示
gery1990的专栏
11-26 1954
模拟的数据量100万，数据范围(113.213316 22.954094,113.62805 23.368228) mapboxgl leaflet
评论 16
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值