可视化大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理常德市石门县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts常德市石门县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts常德市石门县geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts常德市石门县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
threejs常德市石门县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话，可以观看threejs视频 WebGL 3D可视化教程
threejs常德市石门县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
常德市石门县 下辖有 皂市镇,磨市镇,维新镇,罗坪乡,蒙泉镇,雁池乡,壶瓶山镇,易家渡镇,东山峰农场,洛浦寺林场,新关镇,二都乡,南北镇,太平镇,夹山镇,子良乡,所街乡,大同山林场,夹山管理处,白云山林场,秀坪园艺场,新铺乡,楚江镇,白云乡,三圣乡
常德市石门县下辖区域坐标
{"皂市镇":[111.23446821510373,29.67642716743857],"磨市镇":[110.88105020493592,29.7320029150087],"维新镇":[111.06248393117413,29.75939841899673],"罗坪乡":[110.6964369611644,29.78571209142668],"蒙泉镇":[111.41471695334914,29.36982816024761],"雁池乡":[110.89251786911413,29.83165677661533],"壶瓶山镇":[110.73154340174344,29.98291130789317],"易家渡镇":[111.43963444537417,29.63560953232948],"东山峰农场":[110.69384917281367,29.91781209003015],"洛浦寺林场":[111.42002690940225,29.67434293444858],"新关镇":[111.30577060405312,29.60728815593875],"二都乡":[111.41647645307457,29.56820925270006],"南北镇":[110.59802064611202,29.90914410210507],"太平镇":[111.02635022300194,29.9439399253694],"夹山镇":[111.41385417568932,29.48963618682912],"子良乡":[111.22005122802813,29.98603223521022],"所街乡":[110.8639876230707,29.90052995690688],"大同山林场":[111.08627631468252,29.80640682411743],"夹山管理处":[111.47426666836989,29.55973683939163],"白云山林场":[111.14381839787794,29.67339248247033],"秀坪园艺场":[111.46896801668598,29.44734005906455],"新铺乡":[111.35946964252648,29.712429681635],"楚江镇":[111.3758042506532,29.596951865065],"白云乡":[111.09972256850703,29.64292754258179],"三圣乡":[111.20681843120397,29.83433335957576]}
常德市石门县行政划分代码
[{"name":"皂市镇","code":"430726105000"},{"name":"磨市镇","code":"430726108000"},{"name":"维新镇","code":"430726106000"},{"name":"罗坪乡","code":"430726207000"},{"name":"蒙泉镇","code":"430726101000"},{"name":"雁池乡","code":"430726206000"},{"name":"壶瓶山镇","code":"430726109000"},{"name":"易家渡镇","code":"430726103000"},{"name":"东山峰农场","code":""},{"name":"洛浦寺林场","code":"430726505000"},{"name":"新关镇","code":"430726104000"},{"name":"二都乡","code":""},{"name":"南北镇","code":"430726110000"},{"name":"太平镇","code":"430726107000"},{"name":"夹山镇","code":"430726102000"},{"name":"子良乡","code":""},{"name":"所街乡","code":"430726205000"},{"name":"大同山林场","code":"430726503000"},{"name":"夹山管理处","code":"430726506000"},{"name":"白云山林场","code":"430726504000"},{"name":"秀坪园艺场","code":"430726500000"},{"name":"新铺乡","code":""},{"name":"楚江镇","code":""},{"name":"白云乡","code":""},{"name":"三圣乡","code":"430726203000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
