数据大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是黔东南苗族侗族自治州黎平县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts黔东南苗族侗族自治州黎平县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts黔东南苗族侗族自治州黎平县geoJson地图根据经纬度显示自定义html弹窗
echarts地图我们可以通过像素坐标来将我们自定义的html弹窗定位到echarts地图指定位置,如果是固定的宽高的话,这没什么问题直接定位就可以了,如果是自适应宽高的地图我们可能没办法控制精度,我们可以使用经纬度来控制,当echarts地图渲染完成以后,我们可以通过convertToPixel将经纬度转为像素坐标,然后再渲染自定义弹窗,这样精度就比较准确了,而且也不会因为窗体宽高变化而导致弹窗出现偏移.
echarts黔东南苗族侗族自治州黎平县geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
threejs黔东南苗族侗族自治州黎平县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果想系统的学习threejs的话，可以观看threejs视频课程 Three.js 3D可视化
threejs黔东南苗族侗族自治州黎平县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs黔东南苗族侗族自治州黎平县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
黔东南苗族侗族自治州黎平县 下辖有 岩洞镇,肇兴镇,茅贡乡,雷洞乡,地坪乡,坝寨乡,口江乡,大稼乡,平寨乡,德凤镇,德化乡,敖市镇,永从乡,顺化乡,龙额镇,中潮镇,九潮镇,双江镇,德顺乡,孟彦镇,尚重镇,水口镇,洪州镇,罗里乡,高屯镇
黔东南苗族侗族自治州黎平县下辖区域坐标
{"岩洞镇":[108.97677961054323,26.09483979237303],"肇兴镇":[109.1396351886261,25.93736836443823],"茅贡乡":[108.87637253469765,26.15447994261064],"雷洞乡":[109.37273148162922,25.90388264121403],"地坪乡":[109.26963969732986,25.77622680418511],"坝寨乡":[108.96007757080093,26.21919089033159],"口江乡":[108.82524024715383,26.02486547515948],"大稼乡":[108.867837937626,26.38998812470948],"平寨乡":[108.83355617311986,26.42290844418332],"德凤镇":[109.07830991312494,26.21145646719539],"德化乡":[108.73950768833173,26.45198840557799],"敖市镇":[109.0634491129961,26.37547358699803],"永从乡":[109.12425765079533,26.03588629428401],"顺化乡":[109.23743254036542,26.05246437143039],"龙额镇":[109.25398936283585,25.83438014359224],"中潮镇":[109.20818423751074,26.17883352102233],"九潮镇":[108.74001011570326,26.15276814300307],"双江镇":[108.92005031370479,25.97152276144119],"德顺乡":[109.36251671263442,26.19283094716972],"孟彦镇":[108.82334517685284,26.27493064269283],"尚重镇":[],"水口镇":[109.3073240516488,25.97999829270492],"洪州镇":[109.41296392882592,26.10722846393553],"罗里乡":[108.99451977265318,26.35245147037205],"高屯镇":[109.20414848597076,26.34669838375426]}
黔东南苗族侗族自治州黎平县行政划分代码
[{"name":"岩洞镇","code":"522631106000"},{"name":"肇兴镇","code":"522631111000"},{"name":"茅贡乡","code":""},{"name":"雷洞乡","code":""},{"name":"地坪乡","code":""},{"name":"坝寨乡","code":"522631205000"},{"name":"口江乡","code":"522631206000"},{"name":"大稼乡","code":"522631212000"},{"name":"平寨乡","code":"522631213000"},{"name":"德凤镇","code":""},{"name":"德化乡","code":"522631214000"},{"name":"敖市镇","code":"522631104000"},{"name":"永从乡","code":""},{"name":"顺化乡","code":""},{"name":"龙额镇","code":"522631112000"},{"name":"中潮镇","code":"522631102000"},{"name":"九潮镇","code":"522631105000"},{"name":"双江镇","code":"522631110000"},{"name":"德顺乡","code":"522631211000"},{"name":"孟彦镇","code":"522631103000"},{"name":"尚重镇","code":"522631109000"},{"name":"水口镇","code":"522631107000"},{"name":"洪州镇","code":"522631108000"},{"name":"罗里乡","code":"522631203000"},{"name":"高屯镇","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
