数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是朝阳市建平县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
建平县，隶属于辽宁省朝阳市，位于辽宁省西部，燕山山脉向辽沈平原的过渡地带，属北温带海洋性季风气候向大陆性气候过渡区；辖4个街道、17个镇、7个乡，总面积4838平方千米；根据第七次人口普查数据，截至2020年11月1日零时，建平县常住人口为455826人。
echarts朝阳市建平县geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts朝阳市建平县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts朝阳市建平县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
threejs朝阳市建平县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣，可以观看threejs视频课程 WebGL前端3D可视化教程
threejs朝阳市建平县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs朝阳市建平县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
朝阳市建平县 下辖有 沙海镇,红山街道,小塘镇,昌隆镇,建平镇,青峰山镇,深井镇,白山乡,马场镇,义成功乡,黑水镇,万寿街道,喀喇沁镇,太平庄乡,铁南街道,奎德素镇,富山街道,朱碌科镇,杨树岭乡,罗福沟乡,老官地镇,青松岭乡,叶柏寿街道,哈拉道口镇,张家营子镇,榆树林子镇,烧锅营子乡,三家蒙古族乡,八家国营农场,北二十家子镇,热水国营畜牧农场
朝阳市建平县下辖区域坐标
{"沙海镇":[119.47485404851693,41.48407175145242],"红山街道":[119.62493837066432,41.41248053208605],"小塘镇":[119.59250781477718,41.67173884864782],"昌隆镇":[119.44937766701912,41.98814080513608],"建平镇":[119.74032577756128,41.93369995748009],"青峰山镇":[119.57157874050111,41.50630957948115],"深井镇":[119.68177034812979,41.60297944410117],"白山乡":[119.45783735417109,41.71777955512635],"马场镇":[119.71190707563592,42.0714325390948],"义成功乡":[119.53867018815731,42.01887596435843],"黑水镇":[119.50679850663869,42.12213457719545],"万寿街道":[119.68909733694414,41.42889896399997],"喀喇沁镇":[119.9586505570352,41.80707504081284],"太平庄乡":[119.36051707885883,41.79141902599621],"铁南街道":[119.6428608850365,41.37720287751304],"奎德素镇":[119.52162143285001,41.85863680571453],"富山街道":[119.56186228518905,41.38159873587362],"朱碌科镇":[119.9404528078627,41.64939087933421],"杨树岭乡":[119.77703963161781,41.8313272247558],"罗福沟乡":[119.84358071156616,42.00574414681113],"老官地镇":[119.35395851210203,42.22944653767735],"青松岭乡":[119.88871236163402,41.78751003427676],"叶柏寿街道":[119.6405024637219,41.40228857876027],"哈拉道口镇":[119.47010469294798,42.30319255279365],"张家营子镇":[119.66057619343346,41.78324257787127],"榆树林子镇":[119.81510419558096,41.62920789117595],"烧锅营子乡":[119.54929285478727,42.21495996460486],"三家蒙古族乡":[119.40922528434967,41.65239779576244],"八家国营农场":[119.3984526253295,41.92254336796026],"北二十家子镇":[119.7392772214879,42.17883180654828],"热水国营畜牧农场":[119.3591437206667,42.14115255510762]}
朝阳市建平县行政划分代码
[{"name":"沙海镇","code":"211322106000"},{"name":"红山街道","code":"211322002000"},{"name":"小塘镇","code":"211322113000"},{"name":"昌隆镇","code":"211322115000"},{"name":"建平镇","code":"211322102000"},{"name":"青峰山镇","code":"211322118000"},{"name":"深井镇","code":"211322111000"},{"name":"白山乡","code":"211322214000"},{"name":"马场镇","code":"211322114000"},{"name":"义成功乡","code":"211322220000"},{"name":"黑水镇","code":"211322103000"},{"name":"万寿街道","code":"211322004000"},{"name":"喀喇沁镇","code":"211322104000"},{"name":"太平庄乡","code":""},{"name":"铁南街道","code":"211322003000"},{"name":"奎德素镇","code":"211322112000"},{"name":"富山街道","code":""},{"name":"朱碌科镇","code":"211322101000"},{"name":"杨树岭乡","code":"211322206000"},{"name":"罗福沟乡","code":"211322209000"},{"name":"老官地镇","code":"211322110000"},{"name":"青松岭乡","code":"211322205000"},{"name":"叶柏寿街道","code":"211322001000"},{"name":"哈拉道口镇","code":"211322108000"},{"name":"张家营子镇","code":"211322117000"},{"name":"榆树林子镇","code":"211322109000"},{"name":"烧锅营子乡","code":"211322211000"},{"name":"三家蒙古族乡","code":"211322218000"},{"name":"八家国营农场","code":"211322400000"},{"name":"北二十家子镇","code":"211322105000"},{"name":"热水国营畜牧农场","code":"211322401000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
