数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是益阳市桃江县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts益阳市桃江县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts益阳市桃江县geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts益阳市桃江县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
threejs益阳市桃江县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话,可以观看threejs视频 Three.js视频教程3D可视化
threejs益阳市桃江县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
益阳市桃江县 下辖有 板溪林场,修山镇,武潭镇,沾溪镇,牛田镇,高桥乡,三堂街镇,大栗港镇,松木塘镇,桃花江镇,浮丘山乡,灰山港镇,石牛江镇,马迹塘镇,鸬鹚渡镇,鲊埠回族乡
益阳市桃江县下辖区域坐标
{"板溪林场":[111.91569844765002,28.36751600566999],"修山镇":[112.03960608465718,28.61894528100035],"武潭镇":[111.73443432735804,28.55356164680961],"沾溪镇":[111.96678939442108,28.53501506484751],"牛田镇":[112.1413469474089,28.37237302365007],"高桥乡":[112.04434271511064,28.4107308190131],"三堂街镇":[111.9127143397218,28.60892130092095],"大栗港镇":[111.85313548402894,28.50746731088821],"松木塘镇":[112.0474291906495,28.31914410225305],"桃花江镇":[112.1754965600199,28.51544196936736],"浮丘山乡":[112.05964667347243,28.52585214572974],"灰山港镇":[112.19682833456827,28.30845841809101],"石牛江镇":[112.13786517728568,28.42964929386417],"马迹塘镇":[111.7561018559506,28.45017082291011],"鸬鹚渡镇":[111.9623502369812,28.43902840523231],"鲊埠回族乡":[111.81440575553152,28.55858159689935]}
益阳市桃江县行政划分代码
[{"name":"板溪林场","code":""},{"name":"修山镇","code":"430922101000"},{"name":"武潭镇","code":"430922114000"},{"name":"沾溪镇","code":"430922118000"},{"name":"牛田镇","code":"430922108000"},{"name":"高桥乡","code":""},{"name":"三堂街镇","code":"430922116000"},{"name":"大栗港镇","code":"430922117000"},{"name":"松木塘镇","code":"430922109000"},{"name":"桃花江镇","code":"430922112000"},{"name":"浮丘山乡","code":"430922212000"},{"name":"灰山港镇","code":"430922113000"},{"name":"石牛江镇","code":"430922107000"},{"name":"马迹塘镇","code":"430922115000"},{"name":"鸬鹚渡镇","code":"430922103000"},{"name":"鲊埠回族乡","code":"430922208000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看