数据可视化大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理南通市海安市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts南通市海安市geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts南通市海安市geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts南通市海安市geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
threejs南通市海安市geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话，可以观看threejs视频 Three.js视频教程3D可视化
threejs南通市海安市geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
南通市海安市 下辖有 海安县农场,南莫镇,墩头镇,曲塘镇,海安镇,白甸镇,雅周镇,城东镇,大公镇,李堡镇,角斜镇
南通市海安市下辖区域坐标
{"海安县农场":[120.56847188958724,32.61558505508485],"南莫镇":[120.26278749237596,32.59334670762588],"墩头镇":[120.3428222224568,32.64411887657381],"曲塘镇":[120.31357075176776,32.50718108214187],"海安镇":[120.42070800573559,32.50968579982136],"白甸镇":[120.28830412322432,32.6650252593355],"雅周镇":[120.33712744993548,32.40691040887969],"城东镇":[120.5554232080121,32.53223733285454],"大公镇":[120.52628649847823,32.61497557214402],"李堡镇":[120.68294996426563,32.53514242987207],"角斜镇":[120.81684021172556,32.5791601515712]}
南通市海安市行政划分代码
[{"name":"海安县农场","code":"320685400000"},{"name":"南莫镇","code":"320685112000"},{"name":"墩头镇","code":"320685113000"},{"name":"曲塘镇","code":"320685102000"},{"name":"海安镇","code":"320685100000"},{"name":"白甸镇","code":"320685111000"},{"name":"雅周镇","code":"320685109000"},{"name":"城东镇","code":"320685101000"},{"name":"大公镇","code":"320685107000"},{"name":"李堡镇","code":"320685103000"},{"name":"角斜镇","code":"320685105000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
