大屏数据可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理运城市芮城县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
芮城县,隶属于 山西省 运城市,位于山西省西南端,黄河中游,西南隔黄河与陕西省大荔县、潼关县和河南省的灵宝市相望,北以中条山为界与永济市、盐湖区毗连,东与平陆县接壤,总面积1176平方千米 。截至2022年10月,芮城县下辖8个镇、2个乡,另设有1个社区、1个开发区。截至2022年末,芮城县常住人口为33.1065万人。
echarts运城市芮城县geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts运城市芮城县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts运城市芮城县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
threejs运城市芮城县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果想系统的学习threejs的话,可以观看threejs教程视频 WebGL/Three.js前端3D可视化教程
threejs运城市芮城县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs运城市芮城县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
运城市芮城县 下辖有 东垆乡,南卫乡,古魏镇,西陌镇,大王镇,学张乡,永乐镇,阳城镇,陌南镇,风陵渡镇,风陵渡经济开发区,东垆乡,南卫乡,古魏镇,西陌镇,大王镇,学张乡,永乐镇,阳城镇,陌南镇,风陵渡镇,风陵渡经济开发区
运城市芮城县下辖区域坐标
{"东垆乡":[110.81546418747571,34.68744515925316],"南卫乡":[110.74298628595992,34.71508596064567],"古魏镇":[110.66607419246385,34.69874928770984],"西陌镇":[110.76914684416019,34.77551318427273],"大王镇":[110.53655692825794,34.71846194137964],"学张乡":[110.61577800801871,34.72281837630118],"永乐镇":[110.52518294849247,34.61956280080058],"阳城镇":[110.4453261408851,34.6886714529044],"陌南镇":[110.88453039972907,34.74016972830033],"风陵渡镇":[110.33339317042706,34.67730538819474],"风陵渡经济开发区":[110.3139852474138,34.63879309905041]}
运城市芮城县行政划分代码
[{"name":"东垆乡","code":"140830200000"},{"name":"南卫乡","code":""},{"name":"古魏镇","code":"140830100000"},{"name":"西陌镇","code":"140830103000"},{"name":"大王镇","code":"140830105000"},{"name":"学张乡","code":"140830202000"},{"name":"永乐镇","code":"140830104000"},{"name":"阳城镇","code":"140830106000"},{"name":"陌南镇","code":"140830102000"},{"name":"风陵渡镇","code":"140830101000"},{"name":"风陵渡经济开发区","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。