随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理黔南布依族苗族自治州长顺县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts黔南布依族苗族自治州长顺县geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts黔南布依族苗族自治州长顺县geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts黔南布依族苗族自治州长顺县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
threejs黔南布依族苗族自治州长顺县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话，可以观看threejs视频课程 3D可视化Three.js视频教程
threejs黔南布依族苗族自治州长顺县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs黔南布依族苗族自治州长顺县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
黔南布依族苗族自治州长顺县 下辖有 马路乡,鼓扬镇,白云山镇,中坝乡,交麻乡,代化镇,凯佐乡,威远镇,广顺镇,摆塘乡,摆所镇,敦操乡,新寨乡,睦化乡,种获乡,营盘乡,长寨镇
黔南布依族苗族自治州长顺县下辖区域坐标
{"马路乡":[106.28797116971442,26.18237689756415],"鼓扬镇":[106.32161404804089,25.81583907597776],"白云山镇":[106.52427633603027,26.18211220553243],"中坝乡":[106.36952469349441,25.89405339455039],"交麻乡":[],"代化镇":[106.37166742452396,25.71509117232451],"凯佐乡":[106.42734956764643,26.25673815277347],"威远镇":[106.51644081172233,26.01210548181159],"广顺镇":[106.37697841635838,26.17482389912796],"摆塘乡":[106.48848411664326,26.09439598490258],"摆所镇":[106.33718262926023,25.99047824642958],"敦操乡":[106.45185247958526,25.69518749178383],"新寨乡":[106.29960341499907,26.06395045851568],"睦化乡":[106.39823423001664,25.81449555152283],"种获乡":[106.38680681303666,26.07782034980892],"营盘乡":[106.3096503310839,25.91603167723517],"长寨镇":[106.42466979782745,25.99059275525085]}
黔南布依族苗族自治州长顺县行政划分代码
[{"name":"马路乡","code":""},{"name":"鼓扬镇","code":"522729106000"},{"name":"白云山镇","code":"522729105000"},{"name":"中坝乡","code":""},{"name":"交麻乡","code":""},{"name":"代化镇","code":"522729104000"},{"name":"凯佐乡","code":""},{"name":"威远镇","code":""},{"name":"广顺镇","code":"522729101000"},{"name":"摆塘乡","code":""},{"name":"摆所镇","code":"522729103000"},{"name":"敦操乡","code":"522729209000"},{"name":"新寨乡","code":""},{"name":"睦化乡","code":""},{"name":"种获乡","code":""},{"name":"营盘乡","code":""},{"name":"长寨镇","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
