echarts 地图行政区划压缩_echarts地图数据的压缩

echarts采用geojson格式的地图进行自定义或者扩展，而采用这种格式，免不了会出现一大堆坐标值，echarts为了减少地图文件的大小，对polygon对象的坐标数组进行了压缩，压缩算法为ZigZag，坐标的二维数组压缩为一段字符串，增加属性encodeOffsets作为偏移初始，是坐标数组的第一个元素的1024倍。在装载地图的时候进行解码。源代码中，解码函数如下：

function decodePolygon(coordinate, encodeOffsets) {

var result = [];

var prevX = encodeOffsets[0];

var prevY = encodeOffsets[1];

for (var i = 0; i < coordinate.length; i += 2) {

var x = coordinate.charCodeAt(i) - 64;

var y = coordinate.charCodeAt(i + 1) - 64;

// ZigZag decoding

x = (x >> 1) ^ (-(x & 1));

y = (y >> 1) ^ (-(y & 1));

// Delta deocding

x += prevX;

y += prevY;

prevX = x;

prevY = y;

// Dequantize

result.push([x / 1024, y / 1024]);

}

return result;

}

在自定义地图中，如果觉得地图文件太大，不便于下载的话，可以采用同样的压缩算法，对自定义数据进行压缩，应该可以减小地图的体积(还没有实际进行测试，所以不太肯定)。

坐标数组压缩函数源码如下，基本上是解码过程的逆运算。

function encodePolygon(coordinate){

var prevX=0,prevY=0;

var coorstr="";

var encodeOffsets=[];

var result={'coordinate':coorstr,'encodeOffsets':encodeOffsets};

for(var i=coordinate.length-1;i>0;i--){

var x=coordinate[i][0];

var y=coordinate[i][1];

x=x*1024;y=y*1024;

x-=coordinate[i-1][0]*1024;

y-=coordinate[i-1][1]*1024;

x=(x << 1) ^ (x >> 31);

y=(y << 1) ^ (y >> 31);

coorstr=String.fromCharCode(x+64)+String.fromCharCode(y+64)+coorstr;

}

coorstr="@@"+coorstr;

encodeOffsets=[coordinate[0][0]*1024,coordinate[0][1]*1024]

return result;

}

后面如果有时间，我再写一个用这个函数压缩地图数据的工具提供给大家。其实，我觉得Echarts有现成的工具，干嘛不发布出来，省的大家这么折腾。

echarts 地图行政区划压缩_echarts地图数据的压缩相关推荐

echarts地图地名显示_echarts地图省份名称自定义位置和居中解决办法
Echarts 中国地图热力图开发过程中发现省会名字堆在一起毫无美感便集众家之所长review一下首先呢,地图上显示名称的位置为其省会的坐标位置.所以在调整的时候修改其坐标位置来调整省会名称显示 ...
echarts 饼图移动端_echarts饼图--数据交互
/*饼图鼠标经过时模块放大功能 */ // 路径配置 require.config({ paths: { echarts: 'js/' } }); // 使用 require( [ 'echarts ...
oracle 压缩插入速度,求助大佬：向压缩表插入数据，压缩未生效
该楼层疑似违规已被系统折叠隐藏此楼查看此楼建表语句: create table ODS_M_ACC_BILL(month_id varchar2(6),...) compress PARTITIO ...
oracle查询哪些数据未压缩,求助大佬：向压缩表插入数据，压缩未生效
该楼层疑似违规已被系统折叠隐藏此楼查看此楼建表语句: create table ODS_M_ACC_BILL(month_id varchar2(6),...) compress PARTITIO ...
echarts河北省json文件最新的_echarts地图边界数据的实时获取与应用，省市区县多级联动【附最新geoJson文件下载】...
首先,来看下效果图前段时间给公司弄了一套基于echarts map的地图数据展示的平台,开发过程中发现百度官方已经不提供地图下载了,于是只能期望能在网上搜到哪位大佬帮忙收集的json文件.找是找到了 ...
echarts地图学习（使用geoJson数据绘制地图）
参考文档使用echarts完成中国省市区县镇地图展示 echarts地图(中国地图展示各省数据) echarts实现中国地图区域分布图 vue + echarts 利用echarts中的map地图中 ...
Echarts全国各省市区地图JS/geojson/svg/excel数据
上家公司和现东家的项目都有用Echarts做图表,但是Echarts不提供地图数据下载.详见:https://www.echartsjs.com/zh/download-map.html .其实国 ...
echarts+echarts-gl vue2制作3D地图+下钻功能+标记点功能，解决dblclick事件失效问题，解决地图下钻后边框不更新保留问题
目录先看实现效果:编辑步骤一安装echarts和echarts-gl 步骤二设置地图容器在methods中设置初始化地图方法并在mounted中调用在methods中设置初始化地图方法 ...
echarts map 点击地图区域变色_pyecharts 地图可视化
pyecharts 是一个用于生成 Echarts 图表的类库.Echarts是百度开源的一个数据可视化的 JavaScript 库.pyecharts 相当于是 python 版的 Echarts. ...

echarts 地图行政区划压缩_echarts地图数据的压缩

echarts 地图行政区划压缩_echarts地图数据的压缩相关推荐

最新文章

热门文章