可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理邵阳市新邵县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts邵阳市新邵县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts邵阳市新邵县geoJson地图飞线图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts邵阳市新邵县geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs邵阳市新邵县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果对threejs感兴趣,可以观看threejs视频课程 Three.js前端3D可视化教程
threejs邵阳市新邵县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs邵阳市新邵县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
邵阳市新邵县 下辖有 潭府乡,潭溪镇,迎光乡,酿溪镇,雀塘镇,太芝庙乡,巨口铺镇,新田铺镇,陈家坊镇,龙溪铺镇,严塘镇,坪上镇,大新乡,寸石镇,小塘镇
邵阳市新邵县下辖区域坐标
{"潭府乡":[111.66350412269682,27.42616662187042],"潭溪镇":[111.65331382327253,27.50701220077358],"迎光乡":[111.19301696959828,27.48159528374061],"酿溪镇":[111.44243631266347,27.33496932927114],"雀塘镇":[111.5487696754591,27.33955759430928],"太芝庙乡":[111.7292504910634,27.45350141988768],"巨口铺镇":[111.23949073227685,27.38717430908112],"新田铺镇":[111.35893257702884,27.33304324427974],"陈家坊镇":[111.65197447835527,27.37486936035312],"龙溪铺镇":[111.28010442902445,27.49555016372306],"严塘镇":[111.44632998372602,27.41384335072514],"坪上镇":[111.48653984696247,27.52876867429157],"大新乡":[111.3786252566976,27.48214559792112],"寸石镇":[111.5456202005193,27.43844198973357],"小塘镇":[111.26648287975587,27.30327856291507]}
邵阳市新邵县行政划分代码
[{"name":"潭府乡","code":"430522200000"},{"name":"潭溪镇","code":"430522104000"},{"name":"迎光乡","code":"430522203000"},{"name":"酿溪镇","code":"430522100000"},{"name":"雀塘镇","code":"430522102000"},{"name":"太芝庙乡","code":""},{"name":"巨口铺镇","code":"430522108000"},{"name":"新田铺镇","code":"430522109000"},{"name":"陈家坊镇","code":"430522103000"},{"name":"龙溪铺镇","code":"430522107000"},{"name":"严塘镇","code":"430522101000"},{"name":"坪上镇","code":"430522106000"},{"name":"大新乡","code":""},{"name":"寸石镇","code":"430522105000"},{"name":"小塘镇","code":"430522110000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看