可视化数据大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理保山市龙陵县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts保山市龙陵县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts保山市龙陵县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts保山市龙陵县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
threejs保山市龙陵县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL 3D可视化教程
threejs保山市龙陵县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
保山市龙陵县 下辖有 平达乡,碧寨乡,腊勐乡,象达乡,镇安镇,龙山镇,龙新乡,龙江乡,木城彝族傈僳族乡,勐糯镇
保山市龙陵县下辖区域坐标
{"平达乡":[98.90247078231278,24.30717610864806],"碧寨乡":[98.97906519299153,24.52216306449433],"腊勐乡":[98.96054190456064,24.70492734040297],"象达乡":[98.7997400064639,24.36672569490029],"镇安镇":[98.84865211044524,24.73512587441409],"龙山镇":[98.59028377920777,24.61772347681861],"龙新乡":[98.80749562518439,24.58977691558651],"龙江乡":[98.70876861348262,24.75527759374555],"木城彝族傈僳族乡":[98.81349846778281,24.19305191867123],"勐糯镇":[99.07340804761196,24.32406568440236]}
保山市龙陵县行政划分代码
[{"name":"平达乡","code":"530523206000"},{"name":"碧寨乡","code":"530523203000"},{"name":"腊勐乡","code":""},{"name":"象达乡","code":""},{"name":"镇安镇","code":"530523102000"},{"name":"龙山镇","code":"530523101000"},{"name":"龙新乡","code":"530523204000"},{"name":"龙江乡","code":"530523201000"},{"name":"木城彝族傈僳族乡","code":"530523207000"},{"name":"勐糯镇","code":"530523103000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
