1、问题现象
使用leaflet显示矢量瓦片会出现图片挤压的问题和图片裁剪显示不全的问题
2、解决办法和思路
1)数据抽稀
方法一:在createTile方法通过控制feature在单张瓦片里面显示的数量,在小层级的时候进行筛选过滤,对点数据类型,代码如下:
//判断当期瓦片里面的features,然后对数据进行抽稀,显示的数量不超过5个
//小于14层的瓦片,抽稀,显示的数量不超过5个,大于14级全部显示
if (
(coords.z <= 14 && layer.features.length > 5 && feat.id % Math.ceil(layer.features.length / 5) == 0) ||
layer.features.length <= 5 ||
coords.z > 14 ||
feat.type != 1
) {
var featureLayer = this._createLayer(feat, pxPerExtent)
for (var j = 0; j < styleOptions.length; j++) {
var style = L.extend({}, L.Path.prototype.