数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理本溪市桓仁满族自治县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
桓仁满族自治县,隶属于辽宁省本溪市,地处辽宁省东部山区,东与吉林省集安市相接,南与丹东市宽甸满族自治县相连,西与本溪满族自治县和抚顺市新宾满族自治县相依,北与吉林省通化市毗连,距沈阳市189千米,大连市460千米,丹东市174千米,本溪市192千米,通化市城区70千米,集安市159千米。面积3547平方千米。2019年,桓仁满族自治县户籍人口287477人。
echarts本溪市桓仁满族自治县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts本溪市桓仁满族自治县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts本溪市桓仁满族自治县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs本溪市桓仁满族自治县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果对threejs感兴趣,可以观看threejs视频教程 WebGL/Three.js前端高薪3D可视化
threejs本溪市桓仁满族自治县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs本溪市桓仁满族自治县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
本溪市桓仁满族自治县 下辖有 北甸子乡,八里甸子镇,八卦城街道,向阳乡,桓仁镇,华来镇,普乐堡镇,沙尖子镇,雅河朝鲜族乡,黑沟乡,古城镇,二棚甸子镇,五里甸子镇
本溪市桓仁满族自治县下辖区域坐标
{"北甸子乡":[125.52844629836531,41.35638480180778],"八里甸子镇":[124.89197206533427,41.22945551552836],"八卦城街道":[125.3638368950729,41.29219012891882],"向阳乡":[125.3239593148677,41.10458769742776],"桓仁镇":[125.33613182985462,41.28923781581776],"华来镇":[125.02129706755501,41.36998507266803],"普乐堡镇":[125.04790885978936,41.17596572173166],"沙尖子镇":[125.47905166518466,41.07398914381144],"雅河朝鲜族乡":[125.32605239372374,41.20497254568386],"黑沟乡":[125.29840585885907,41.39219061140528],"古城镇":[125.34541939166763,41.47890884553021],"二棚甸子镇":[125.59941304619457,41.21036068123971],"五里甸子镇":[125.61423252218447,41.02015056924024]}
本溪市桓仁满族自治县行政划分代码
[{"name":"北甸子乡","code":"210522208000"},{"name":"八里甸子镇","code":"210522108000"},{"name":"八卦城街道","code":"210522001000"},{"name":"向阳乡","code":"210522202000"},{"name":"桓仁镇","code":"210522100000"},{"name":"华来镇","code":"210522110000"},{"name":"普乐堡镇","code":"210522101000"},{"name":"沙尖子镇","code":"210522103000"},{"name":"雅河朝鲜族乡","code":"210522201000"},{"name":"黑沟乡","code":"210522206000"},{"name":"古城镇","code":"210522111000"},{"name":"二棚甸子镇","code":"210522102000"},{"name":"五里甸子镇","code":"210522104000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。