数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理遵义市仁怀市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts遵义市仁怀市geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts遵义市仁怀市geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts遵义市仁怀市geoJson地图热力图
echarts通过heatmap实现热力图效果
threejs遵义市仁怀市geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果想系统的学习threejs的话，可以观看threejs教程视频 WebGL/Three.js前端3D可视化教程
threejs遵义市仁怀市geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs遵义市仁怀市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
遵义市仁怀市 下辖有 学孔乡,喜头镇,鲁班镇,龙井乡,合马镇,坛厂镇,大坝镇,三合镇,九仓镇,二合镇,五马镇,沙滩乡,中枢街道,火石岗乡,盐津街道,苍龙街道,高大坪乡,后山苗族布依族乡,茅台镇,茅坝镇,长岗镇
遵义市仁怀市下辖区域坐标
{"学孔乡":[106.53373277304537,27.94272407469217],"喜头镇":[106.52952552766087,27.89939050766326],"鲁班镇":[106.29470671738841,27.73982539082967],"龙井乡":[106.06330954083077,27.73805834560648],"合马镇":[106.29814138334874,28.02718923059015],"坛厂镇":[106.42613120512334,27.77004838250488],"大坝镇":[106.43757759434212,28.00280821456303],"三合镇":[106.34044958749749,28.08425037473141],"九仓镇":[106.08616318885586,27.66460025997809],"二合镇":[106.3506191163555,27.96679257981575],"五马镇":[106.29419460284626,27.65991073516481],"沙滩乡":[106.2572668510415,28.09997339646659],"中枢街道":[106.42181674872097,27.81962357304824],"火石岗乡":[106.41352662054561,28.11992820114862],"盐津街道":[106.39036116374436,27.8046514797409],"苍龙街道":[106.43971508481108,27.88759950600452],"高大坪乡":[106.48379420854727,27.9956331564168],"后山苗族布依族乡":[106.19121239416086,27.59731754692514],"茅台镇":[106.33985023615458,27.84640777047644],"茅坝镇":[106.1748351160092,27.70365005686348],"长岗镇":[106.42576701405197,27.67095388769362]}
遵义市仁怀市行政划分代码
[{"name":"学孔乡","code":""},{"name":"喜头镇","code":"520382107000"},{"name":"鲁班镇","code":""},{"name":"龙井乡","code":""},{"name":"合马镇","code":"520382110000"},{"name":"坛厂镇","code":""},{"name":"大坝镇","code":"520382108000"},{"name":"三合镇","code":"520382109000"},{"name":"九仓镇","code":"520382106000"},{"name":"二合镇","code":""},{"name":"五马镇","code":"520382104000"},{"name":"沙滩乡","code":""},{"name":"中枢街道","code":"520382002000"},{"name":"火石岗乡","code":""},{"name":"盐津街道","code":"520382001000"},{"name":"苍龙街道","code":"520382003000"},{"name":"高大坪乡","code":""},{"name":"后山苗族布依族乡","code":"520382201000"},{"name":"茅台镇","code":"520382117000"},{"name":"茅坝镇","code":"520382105000"},{"name":"长岗镇","code":"520382102000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
