数据可视化大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理丹东市宽甸满族自治县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts丹东市宽甸满族自治县geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts丹东市宽甸满族自治县geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts丹东市宽甸满族自治县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
threejs丹东市宽甸满族自治县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs视频 3D可视化Three.js视频教程
threejs丹东市宽甸满族自治县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
threejs丹东市宽甸满族自治县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
丹东市宽甸满族自治县 下辖有 灌水镇,红石镇,硼海镇,大川头镇,大西岔镇,八河川镇,太平哨镇,青山沟镇,青椅山镇,宽甸镇,永甸镇,石湖沟乡,下露河朝鲜族乡,长甸镇,双山子镇,古楼子乡,杨木川镇,步达远镇,毛甸子镇,牛毛坞镇,振江镇,虎山镇
丹东市宽甸满族自治县下辖区域坐标
{"灌水镇":[124.61164071364891,40.93000989394015],"红石镇":[125.02806834986364,40.63267254461924],"硼海镇":[124.93045336269493,40.80194673617428],"大川头镇":[124.8033707698622,40.85663908316901],"大西岔镇":[125.24427135286138,40.70640518094163],"八河川镇":[124.84207005578065,41.03552809894217],"太平哨镇":[125.1243223902672,40.856093883277],"青山沟镇":[125.19821597735977,41.01504655581702],"青椅山镇":[124.59712959178103,40.69759034729978],"宽甸镇":[124.78287199465572,40.7387309185612],"永甸镇":[124.79725331642204,40.60184745315463],"石湖沟乡":[124.7733961834416,40.71982710624495],"下露河朝鲜族乡":[125.52020319648435,40.88907583604248],"长甸镇":[124.78986433364155,40.45045974181127],"双山子镇":[124.67787250477534,41.02810965111838],"古楼子乡":[124.62760613292788,40.32348802248673],"杨木川镇":[124.53224362400874,40.48991486256263],"步达远镇":[125.36329853817037,40.9105047042428],"毛甸子镇":[124.51091041840704,40.62746474487884],"牛毛坞镇":[125.01101157081104,41.01014891233339],"振江镇":[125.51016346384256,40.76598061164115],"虎山镇":[124.47743981605353,40.31602278563147]}
丹东市宽甸满族自治县行政划分代码
[{"name":"灌水镇","code":"210624101000"},{"name":"红石镇","code":"210624103000"},{"name":"硼海镇","code":"210624102000"},{"name":"大川头镇","code":"210624111000"},{"name":"大西岔镇","code":"210624117000"},{"name":"八河川镇","code":"210624118000"},{"name":"太平哨镇","code":"210624108000"},{"name":"青山沟镇","code":"210624109000"},{"name":"青椅山镇","code":"210624112000"},{"name":"宽甸镇","code":"210624100000"},{"name":"永甸镇","code":"210624106000"},{"name":"石湖沟乡","code":"210624201000"},{"name":"下露河朝鲜族乡","code":"210624212000"},{"name":"长甸镇","code":"210624105000"},{"name":"双山子镇","code":"210624119000"},{"name":"古楼子乡","code":"210624206000"},{"name":"杨木川镇","code":"210624113000"},{"name":"步达远镇","code":"210624116000"},{"name":"毛甸子镇","code":"210624104000"},{"name":"牛毛坞镇","code":"210624110000"},{"name":"振江镇","code":"210624115000"},{"name":"虎山镇","code":"210624114000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
