大屏数据可视化 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理普洱市墨江哈尼族自治县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts普洱市墨江哈尼族自治县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts普洱市墨江哈尼族自治县geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts普洱市墨江哈尼族自治县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs普洱市墨江哈尼族自治县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL前端3D可视化教程
threejs普洱市墨江哈尼族自治县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
普洱市墨江哈尼族自治县 下辖有 新抚镇,景星镇,新安镇,联珠镇,通关镇,那哈乡,雅邑镇,鱼塘镇,龙坝镇,龙潭乡,泗南江镇,孟弄彝族乡,团田镇,坝溜镇,文武镇
普洱市墨江哈尼族自治县下辖区域坐标
{"新抚镇":[101.30413872890458,23.65426947560765],"景星镇":[101.37192977977449,23.49465141865199],"新安镇":[101.544687692608,23.56097575880268],"联珠镇":[101.63373466454574,23.46667818432825],"通关镇":[101.41050801674672,23.24130949169742],"那哈乡":[101.92068972320959,23.14110420276953],"雅邑镇":[101.70009746554098,23.22531156768498],"鱼塘镇":[101.50148702373916,23.13685891682393],"龙坝镇":[101.7877430736602,23.3350983168505],"龙潭乡":[101.58008563087921,23.04289613705493],"泗南江镇":[101.7716225215709,23.03949209587629],"孟弄彝族乡":[101.5049361873626,23.6991533860646],"团田镇":[101.27565326522263,23.84726609931126],"坝溜镇":[101.92388935518903,23.05402521006611],"文武镇":[101.63394055485,22.96512960478634]}
普洱市墨江哈尼族自治县行政划分代码
[{"name":"新抚镇","code":"530822106000"},{"name":"景星镇","code":"530822107000"},{"name":"新安镇","code":"530822104000"},{"name":"联珠镇","code":"530822101000"},{"name":"通关镇","code":"530822102000"},{"name":"那哈乡","code":"530822212000"},{"name":"雅邑镇","code":"530822112000"},{"name":"鱼塘镇","code":"530822108000"},{"name":"龙坝镇","code":"530822103000"},{"name":"龙潭乡","code":"530822208000"},{"name":"泗南江镇","code":"530822111000"},{"name":"孟弄彝族乡","code":"530822203000"},{"name":"团田镇","code":"530822105000"},{"name":"坝溜镇","code":"530822110000"},{"name":"文武镇","code":"530822109000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
