矢量瓦片

什么是矢量瓦片

矢量瓦片数据以矢量形式存在。矢量瓦片体积小，可高度压缩，占用的存储空间比栅格瓦片要小上千倍。数据传输体量小，地图更新的代价小。

使用条件

系统使用MapBox GL渲染引擎来渲染矢量瓦片，需满足两个限制条件（EPSG3857投影和Google比例尺）。在配图时需要选择EPSG3857投影，在发布服务时需要选择Google比例尺模式。

设置通用样式

系统能对矢量瓦片图层的一系列通用渲染属性进行设置，例如：比例尺、过滤筛选、透明度、颜色、偏移量等。

比例尺

通过设置最大、最小比例尺的数值，可以控制矢量瓦片图层在哪些级别显示。

效果图：

过滤条件

通过设置过滤条件，可以在瓦片图层中筛选出符合条件的要素进行显示。

效果图：

填充图案

可自定义要素渲染时使用的填充图案。

效果图：

透明度

修改透明度值（0-1）可实时修改相应要素的透明度。

效果图：

颜色

设置颜色可以实时修改要素的填充色。

效果图：

偏移量

设置偏移量可以在要素显示时进行相应的偏移。

效果图：

设置点样式

矢量瓦片点图层包含一些特有的渲染属性，比如：字体符号、字体大小、内边距、文字压盖、最大宽度、字符间距、书写模式、旋转角度等。

字体符号

丰富的符号选择库。

符号模式

能够选择字体图元作为点符号的选

效果图：

文本模式

xxx

效果图：

字体大小

可实时修改字体的大小并浏览。

效果图：

内边距

被编辑属性定义元素边框与元素内容之间的空白区域。

效果图：

文字压盖

勾选来设置是否允许文字压盖。

效果图：

最大宽度

通过设置最大宽度，可以设置文本折行的最大行度。

效果图：

字符间距

通过设置字符间距，可以调整字符之间的距离。

效果图：

书写模式

通过设置书写模式，可以控制字符的方向

效果图：

旋转角度

通过设置旋转角度，可以顺时针旋转文本的角度。

效果图：

设置线样式

矢量瓦片图层包含一些通用的线样式属性，比如：线末端样式、线交叉样式、尖角值、圆角值、宽度、线样式等。

线末端样式

通过设置线末端样式，可以控制线的末端的样式。可选的值有 butt, round, square。

butt 方型末端，仅绘制到直线端点。

round 圆型末端，以线宽的 1/2 为半径，以线端点为圆心，超出线端点绘制。

square 方型末端，以线宽的 1/2 长度超出线端点绘制。

效果图：

线交叉样式

通过设置线交叉样式，可以控制线交叉时的显示样式。可选的值有 bevel, round, miter。

bevel 方型交点，以线宽的 1/2 长度超出交点绘制。

round 圆型交点，以线宽的 1/2 为半径，以交点为圆心绘制，超出交点绘制。

miter 尖型交角，以两线段外沿相交，超出交点绘制。

效果图：

尖角值

通过设置尖角值，用来将锐利的尖型交角自动地转换为方型交角。（需要将线交叉样式设置为miter）

效果图：

圆角值

通过设置圆角值，用来将平浅的圆型交角自动地转换为尖型交角。（需要将线交叉样式设置为round）

效果图：

宽度

通过设置宽度，可以控制线的宽度。

效果图：

线样式

通过设置线样式，指定生成虚线的实部和虚部长度。设置的长度会随着线宽进行缩放。将长度乘以当前线宽即为虚线的实际像素数。

效果图：

设置面样式

正文

渲染模式

矢量瓦片支持两种渲染模式：a 单值渲染 b 分段渲染。两种渲染模式都是基于要素值，按照一定的规则进行渲染。

单值渲染

单值渲染字段值相同的要素归为一类，为每一类设定一种渲染颜色。

效果图：

分段渲染

分段渲染按照某种分段方式被分成多个范围段，要素根据要素值被分配到其中一个范围段中，在同一个范围段中的要素使用相同的颜色进行渲染。

效果图：

图层选择

地图上选中特定的图层，编辑图层的样式。

效果图：

属性选择

地图上选中特定的要素，查看要素的属性值。

效果图：