数据可视化大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理邵阳市邵东市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts邵阳市邵东市geoJson地图飞线图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts邵阳市邵东市geoJson地图根据经纬度显示自定义html弹窗
echarts地图我们可以通过像素坐标来将我们自定义的html弹窗定位到echarts地图指定位置,如果是固定的宽高的话,这没什么问题直接定位就可以了,如果是自适应宽高的地图我们可能没办法控制精度,我们可以使用经纬度来控制,当echarts地图渲染完成以后,我们可以通过convertToPixel将经纬度转为像素坐标,然后再渲染自定义弹窗,这样精度就比较准确了,而且也不会因为窗体宽高变化而导致弹窗出现偏移.
echarts邵阳市邵东市geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
threejs邵阳市邵东市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs视频 Three.js 3D可视化
threejs邵阳市邵东市geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs邵阳市邵东市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
邵阳市邵东市 下辖有 堡面前乡,双凤乡,团山镇,廉桥镇,斫曹乡,界岭乡,杨桥镇,砂石镇,佘田桥镇,流光岭镇,灵官殿镇,牛马司镇,简家陇乡,野鸡坪镇,魏家桥镇,黑田铺镇,两市塘街道,大禾塘街道,宋家塘街道,水东江镇,流泽镇,九龙岭镇,仙槎桥镇,周官桥乡,火厂坪镇
邵阳市邵东市下辖区域坐标
{"堡面前乡":[112.02575774923858,27.05315132592275],"双凤乡":[111.71556597967903,27.08247448606912],"团山镇":[111.9989652261358,27.27234407203289],"廉桥镇":[111.84131448985063,27.35139696860718],"斫曹乡":[111.85842247609041,27.42237144279742],"界岭乡":[111.9288766672552,27.35941743267697],"杨桥镇":[111.96798950959176,27.17782096919821],"砂石镇":[111.88571120878487,27.24048404090994],"佘田桥镇":[111.96068819915766,27.1054258771505],"流光岭镇":[111.94609575561645,27.24381346923916],"灵官殿镇":[111.95937271788638,26.99164753119578],"牛马司镇":[111.65451695660661,27.27346083330669],"简家陇乡":[111.82652437850834,27.08568191877935],"野鸡坪镇":[111.90739320205763,27.10316823656476],"魏家桥镇":[111.62622582538518,27.18222597544531],"黑田铺镇":[111.7476013776838,27.34555035204495],"两市塘街道":[111.74537504131779,27.22162683042607],"大禾塘街道":[111.7913990393324,27.26336310759295],"宋家塘街道":[111.70991815563022,27.24834492308062],"水东江镇":[112.03096144967208,27.15926274741538],"流泽镇":[111.89429253935879,27.29053867463369],"九龙岭镇":[111.66038882843804,27.11403582806023],"仙槎桥镇":[111.7265724485012,27.16560399970447],"周官桥乡":[111.82463269637923,27.22501004943687],"火厂坪镇":[111.85892176434932,27.1644642591601]}
邵阳市邵东市行政划分代码
[{"name":"堡面前乡","code":"430582203000"},{"name":"双凤乡","code":"430582201000"},{"name":"团山镇","code":"430582108000"},{"name":"廉桥镇","code":"430582110000"},{"name":"斫曹乡","code":"430582204000"},{"name":"界岭乡","code":""},{"name":"杨桥镇","code":"430582115000"},{"name":"砂石镇","code":"430582109000"},{"name":"佘田桥镇","code":"430582106000"},{"name":"流光岭镇","code":"430582111000"},{"name":"灵官殿镇","code":"430582107000"},{"name":"牛马司镇","code":"430582101000"},{"name":"简家陇乡","code":""},{"name":"野鸡坪镇","code":"430582114000"},{"name":"魏家桥镇","code":"430582113000"},{"name":"黑田铺镇","code":"430582117000"},{"name":"两市塘街道","code":"430582002000"},{"name":"大禾塘街道","code":"430582001000"},{"name":"宋家塘街道","code":"430582003000"},{"name":"水东江镇","code":"430582116000"},{"name":"流泽镇","code":"430582112000"},{"name":"九龙岭镇","code":"430582103000"},{"name":"仙槎桥镇","code":"430582104000"},{"name":"周官桥乡","code":"430582202000"},{"name":"火厂坪镇","code":"430582105000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
