数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理大同市浑源县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
浑源县，隶属于 山西省 大同市，位于山西省东北部，地处桑干河支流浑河中上游，地处北纬39.67°~39.83°东经113.72°~113.92°之间。东接广灵，西毗应县，东南部以恒山与灵丘、繁峙县分界，北面由六棱山与云州区、阳高县相连，总面积为1968平方千米。根据第七次人口普查数据，截至2020年11月1日零时，浑源县常住人口为237749人。
echarts大同市浑源县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts大同市浑源县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts大同市浑源县geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
threejs大同市浑源县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣，可以观看threejs视频课程 WebGL/Three.js前端3D可视化教程
threejs大同市浑源县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs大同市浑源县geoJson地图3d地图
通过threejs绘制的3d地图实例
大同市浑源县 下辖有 大仁庄乡,西坊城镇,南榆林乡,吴城乡,官儿乡,永安镇,蔡村镇,裴村乡,驼峰乡,下韩村乡,东坊城乡,千佛岭乡,大磁窑镇,沙圪坨镇,王庄堡镇,西留村乡,青磁窑乡,黄花滩乡,大仁庄乡,西坊城镇,南榆林乡,吴城乡,官儿乡,永安镇,蔡村镇,裴村乡,驼峰乡,下韩村乡,东坊城乡,千佛岭乡,大磁窑镇,沙圪坨镇,王庄堡镇,西留村乡,青磁窑乡,黄花滩乡
大同市浑源县下辖区域坐标
{"大仁庄乡":[113.86235470893808,39.68865012472953],"西坊城镇":[113.4735697450911,39.58635640322127],"南榆林乡":[113.53457606500606,39.76687964941182],"吴城乡":[113.65638937920106,39.82373194826516],"官儿乡":[113.61916613429042,39.50005864870914],"永安镇":[113.69965905969153,39.70464566486737],"蔡村镇":[113.66223929068664,39.76983193744042],"裴村乡":[113.53751012892761,39.56919100853314],"驼峰乡":[113.44938592798837,39.65224608494594],"下韩村乡":[113.61489357124847,39.71116634409751],"东坊城乡":[113.63534644542125,39.62428325589866],"千佛岭乡":[113.80970057395888,39.49628022849461],"大磁窑镇":[113.7146325130241,39.62994732778785],"沙圪坨镇":[113.80509632981284,39.8019359136702],"王庄堡镇":[113.86169327144444,39.43601415375346],"西留村乡":[113.49530245854838,39.68521683990605],"青磁窑乡":[113.74801999156935,39.5688013070562],"黄花滩乡":[113.84594363766877,39.64820147112985]}
大同市浑源县行政划分代码
[{"name":"大仁庄乡","code":"140225213000"},{"name":"西坊城镇","code":"140225101000"},{"name":"南榆林乡","code":"140225208000"},{"name":"吴城乡","code":"140225210000"},{"name":"官儿乡","code":"140225218000"},{"name":"永安镇","code":"140225100000"},{"name":"蔡村镇","code":"140225102000"},{"name":"裴村乡","code":"140225203000"},{"name":"驼峰乡","code":"140225204000"},{"name":"下韩村乡","code":"140225206000"},{"name":"东坊城乡","code":"140225201000"},{"name":"千佛岭乡","code":"140225215000"},{"name":"大磁窑镇","code":""},{"name":"沙圪坨镇","code":"140225103000"},{"name":"王庄堡镇","code":"140225104000"},{"name":"西留村乡","code":"140225205000"},{"name":"青磁窑乡","code":""},{"name":"黄花滩乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
