矢量切片从制作到前端调用

最新推荐文章于 2025-10-16 15:20:13 发布

原创

最新推荐文章于 2025-10-16 15:20:13 发布 · 1.1k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#地图服务 #矢量切片服务 #arcgis

补充1：矢量切片支持cgs2000以及自定义坐标系

补充2：矢量切片属性查询（桌面）

补充3：矢量切片属性查询（前端）

本篇博客介绍了矢量切片从制作到前端调用的全过程，具体如下：

组织数据和配图

（略）如何组织数据和配图请参考文末的资料

填写地图视图的元数据信息

制作矢量切片方案

切片原点为数据的左上角点或者包括左上角的范围的点（注意输入x和y时不要用带逗号的形式，例如：321,576.194522 4,547,522.288352）

比例尺是二倍关系

如果使用现有的切片方案，那么切片大小一定要选择512*512 pixels（https://pro.arcgis.com/zh-cn/pro-app/tool-reference/data-management/create-vector-tile-index.htm）

生成切片索引

有助于加快生成vtpk包的速度

切片方案为上一步生成的切片方案

最大节点数使用默认的10000即可，表示每个切片中含有1w个节点，默认值，每个切片中含有的节点越少，要产生的切片就会越多

生成矢量切片包

切片方案和索引面都是先前生成的切片方案

最小、最大缓存比例尺是自动从切片方案中读取的

整个操作过程,如下：

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

gislaozhang

关注关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

深入了解一下矢量切片Vector tile

lz5211314121的博客

08-12

6384

之前的文章中有提到过栅格切片的原理和使用方式。这篇文章来了解一下矢量切片首先矢量切片存在的必要性体现在 1.当表示的地理范围足够大，或者数据量层级足够多的时候，矢量切片及其有用 2.从数据体积层面讲，矢量切片提及要比栅格切片小的多，后面我们会讲为什么 3.矢量切片更加灵活，可查询，编辑，可交互，用户反馈效果好 4.数据传输，转化更加容易，安全。看完这篇文章，你就能理解以上几点。首先想象这么一个场景，用户需要你把某个国家的地图放在网络上,并且要求精确到村级别的行政区域和道路还有

QGIS实现shape、geojson数据的矢量切片教程

lz5211314121的博客

06-20

3969

如果是shape文件必须包含四个必要的文件即：.shp、.dbf、.shx、.prj。能够实现矢量切片的办法有很多，可以使用geoserver，可以使用qgis，当然也可以自己写代码实现。第二项选择图层，qgis支持同时对多个图层进行矢量切片，我们点击右侧的...按钮选择要切片的图层即可。切片的速度极快，也可能是数据比较简单，层级比较小，如果设置层级高的话可能花的时间会更长一些。然后下面的extent是指数据的范围，这个通常能够自动计算出来，点击右侧的鼠标箭头按钮即可。本文我们使用geojson数据。

参与评论您还未登录，请先登录后发表或查看评论

OpenLayers：海量图形渲染之矢量切片

m0_52912501的博客

04-01

1838

本文介绍了OpenLayers中解决海量数据渲染的方案之一矢量切片，主要内容包括如何在GeoServer中制作矢量切片，如何在OpenLayers中加载矢量切片。

【uniapp+mapbox】

最新发布

Ronaldouy的博客

10-16

215

本文介绍了在uni-app项目中集成Mapbox GL地图的步骤，包括：1) 使用npm安装mapbox-gl依赖；2) 创建包含地图功能的页面，通过renderjs实现地图加载、点击标点、逆地理编码和主从页面数据传递；3) 解决兼容性问题，需在项目根目录下创建.browserslistrc配置文件。核心代码展示了地图初始化、点击事件处理、标记点管理和逆地理编码API调用，最终实现点击地图显示位置名称和精确坐标的功能。

arcgis api for javascript 学习（二）发布并调用地图切片

weixin_30394333的博客

07-25

403

文章将从发布切片地图到调用切片地图整个过程都展示出来。（一）、切片地图的发布 1、还是前面的arcgis展示的地图 2、与发布动态地图前面的步骤是一样的打开分享后，如图 3、一切就绪后，到达缓存的页面 4、注意红圈的部分，选择我们需要的类型，就是切片类型，以及切片的层数 5、同时我们可以根据根目录继续缓存加载的跟踪，参看它缓存的情况 6、完成切...

GEOServer-OpenLayer-矢量切片1：制作矢量切片

cyoubo的专栏

09-13

4779

为了解决栅格切片、切片时间长、数据传输量的大、样式定制能力弱的问题，越来越多的企业案例，开始采用矢量欺骗作为webGIS中地图加载的方式。本文专门就方案2Geoserver-OpenLayer矢量切片制作与展示相关技术流程进行详细的整理，供学习交流之用。此篇目主要总结介绍如何利用GeoServer矢量切片服务

矢量切片简介及前端加载

Mapmost的博客

03-13

1869

一文读懂在WebGIS系统中的切片服务

QGIS生成的XYZ切片的后台服务实现和前端调用

sig321的专栏

11-29

1730

前面两篇文章介绍了，在QGIS中如何通过xyz切片工具制作xyz切片（目录）和xyz切片（mbtiles）。接下来介绍如何开发springboot微服务将切片提供成xyz服务，并给openlayers前端调用。

mapbox本地化vue调用（矢量切片）

wojteck的博客

09-25

1405

mapbox本地化vue调用（矢量切片）要求搞这个mapbox的离线部署，走了好些弯路，一开始没搞明白光栅切片和矢量切片的区别，就开始搞光栅切片。瓦片就是一级一级的，放得越大，级数越大，每一级的切片也就越多。光栅切片就是切片是图片，矢量切片就是切片是矢量文件。mapbox、百度、高德等地图都是用的矢量切片，一般来说用的矢量文件是pbf文件。之前光栅切片的离线在前面的文章里已经介绍过了。这里我搞矢量切片也用了两种方法，一种是下载好矢量文件shp然后通过geoserver实时.pbf格式的切片发布，然后在

Openlayers 教程 - openlayer 加载 postgis 矢量切片

非科班Java出身GISer的博客

08-22

2763

openlayer 加载postgis矢量切片使用openlayer叠加postgis缓存切片**ps: 由于postgis 切片生成的是mvt格式图片,所以只能使用web墨卡托坐标系**下边上代码: 使用openlayer叠加postgis缓存切片 openlayer 加载大量数据一直没有特别好的解决方案,之前试过geoserver缓存矢量切片,不知是方法不对路还是怎么什么原因,加载几万条数据...

矢量切片：发布和使用 ArcGIS enterprise 服务之–矢量切片服务（Vector Server）

GIS哼哈哈的博客

05-19

5756

矢量切片图层引用一组缓存矢量以及用于渲染矢量的信息。矢量切片图层中的数据存储在包含几何、属性和样式的各个图层中。样式信息与切片几何和属性分开存储，并且可以定义多个样式。这意味着可以以多种方式对一组矢量切片进行样式化，而不必为每个样式生成新的缓存。这节省了空间并加快了创建新地图样式的过程。将矢量作为预先创建的切片进行访问也可以提高性能 https://enterprise.arcgis.com/zh-cn/portal/latest/use/publish-vector-tiles.htm 通俗的讲，矢量切

矢量切片例子

11-21

webgis leaflet例子矢量切片的例子小比例尺聚合显示，大比例用矢量切片

arcgis pro生成矢量切片详细步骤

11-08

使用arcgis Pro导出矢量瓦片包（vtpk）详细步骤说明使用arcgis Pro导出矢量瓦片包（vtpk）详细步骤说明

mapbox 调用geoserver矢量切片

u012123612的博客

08-15

1828

1.使用geoserver 发布矢量切片服务参考：https://blog.youkuaiyun.com/u012123612/article/details/98940602 2.调用服务全部示例如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l...

Geoserver项目开发_8.Openlayers调用矢量切片服务

zhangeximu的博客

04-24

1388

1、在Geoserver Data存储路径下新建www/vector tiles 文件夹 2、下载最新版本Openlayers 3、从下载文件中拷贝以下文件到步骤1新建的vectortiles文件夹下 ol.js ol-debug.js ol.css ...

mapbox-gl开发教程（六）：矢量切片前端样式配置

地理信息技术杂谈博客，欢迎技术交流

05-13

969

矢量切片发布完成，需要在前端进行样式配置GIS开发：客户端控制的地图样式，颜色、字号、线宽、填充色、标签图片等属性设置，mapbox-gl样式配置结果是一个json文件，图层比较多时，需要一个可视化的工具进行编辑，国内的高德、百度等在线地图，支持客户端配置地图样式，同时提供了一个在线的可视化配置工具。 mapbox-gl作为一个开源的地图类库，提供了一些开源的样式配置工具，Mapbox Studio、MVT Styler、Maputnik等，通过这些可视化的工具，能够对发布的矢量切片数据进行配置，一般都是国

【转】10.4新特性-ArcGIS 10.4矢量切片介绍

weixin_30530523的博客

08-17

796

原文地址：http://zhihu.esrichina.com.cn/article/567 1、矢量切片简介GIS的底图一直使用金字塔技术进行切图，使用户能够快速访问指定级别的地图或者影像。但是切图本身是一张图片，无法进行交互。于是又引入了矢量图层用来显示矢量点线面，这通常需要先获取矢量地理数据（例如GeoJson），然后通过前端将其绘制成不同元素便能通过鼠标进行响应交互了。这种GIS组织方式...

矢量切片

山路十八弯，走过多少遍！

08-13

393

参考：https://blog.youkuaiyun.com/qingyafan/article/details/53367204 参考：https://blog.youkuaiyun.com/u014529917/article/details/77961766 参考：http://zhihu.esrichina.com.cn/article/3468 开源方案搭建适量切片地图服务 mapbox矢量切片标准说明（中文版） Mapbox Vector Tile Specification mapbox gl js.

GeoServer矢量切片轮询获取

一醉千秋的专栏

05-18

748

一、NodeJS工程加密 Nodejs高效的运行机制，以及前后端使用JavaScript语言全栈式的开发，众多的Web开发者，趋之若鹜。一方面，像使用python一样，通过本地配置nodejs环境，编写最基本的js文件，实现敏捷开发，例如使用以下两个函数，实现并发访问，相比较python而言，阅读性更好。 function sendHttpGet(url,port,path,data,callback){ /* var data = { a: 123, tim...