数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理榆林市靖边县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
靖边县，隶属于陕西省榆林市， 位于陕西省北部，榆林市西南部，北与内蒙古自治区乌审旗、鄂托克旗相邻；南与延安市子长市、安塞区、志丹县、吴起县接壤；东西分别与横山区、定边县毗连。介于东经108°17′—109°20′、北纬36°58′—38°03 ′之间，总面积5088平方千米。下辖1个街道、16个镇。截至2022年末，靖边县常住人口39.18万人。
echarts榆林市靖边县geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts榆林市靖边县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts榆林市靖边县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
threejs榆林市靖边县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs课程视频 WebGL前端3D可视化教程
threejs榆林市靖边县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
threejs榆林市靖边县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
榆林市靖边县 下辖有 中山涧镇,天赐湾镇,小河乡,镇靖乡,周河镇,宁条梁镇,席麻湾乡,张家畔镇,杨桥畔镇,杨米涧镇,东坑镇,海则滩乡,红墩界镇,龙洲乡,王渠则镇,青阳岔镇,黄蒿界乡
榆林市靖边县下辖区域坐标
{"中山涧镇":[108.50692824227512,37.31916163543902],"天赐湾镇":[108.91287038879429,37.37350190588685],"小河乡":[109.03283982468164,37.34852444343854],"镇靖乡":[108.79462597042335,37.48617663369527],"周河镇":[108.6482601497543,37.08354087669657],"宁条梁镇":[108.38220905630169,37.52616014748268],"席麻湾乡":[108.6725962281852,37.47184730067798],"张家畔镇":[108.81413172619337,37.61186763979259],"杨桥畔镇":[109.06116932857418,37.56544170071435],"杨米涧镇":[108.77955419454989,37.2626999813788],"东坑镇":[108.58653351845676,37.52145792956188],"海则滩乡":[108.9324939133204,37.73731740615892],"红墩界镇":[108.88212336775491,37.91931230183196],"龙洲乡":[109.02210173155127,37.49445274483283],"王渠则镇":[108.63288679133552,37.31579553142153],"青阳岔镇":[109.2006427703015,37.40774807649337],"黄蒿界乡":[109.02430152083551,37.82681219265014]}
榆林市靖边县行政划分代码
[{"name":"中山涧镇","code":"610824108000"},{"name":"天赐湾镇","code":"610824110000"},{"name":"小河乡","code":""},{"name":"镇靖乡","code":""},{"name":"周河镇","code":"610824104000"},{"name":"宁条梁镇","code":"610824103000"},{"name":"席麻湾乡","code":""},{"name":"张家畔镇","code":""},{"name":"杨桥畔镇","code":"610824106000"},{"name":"杨米涧镇","code":"610824109000"},{"name":"东坑镇","code":"610824101000"},{"name":"海则滩乡","code":""},{"name":"红墩界镇","code":"610824105000"},{"name":"龙洲乡","code":""},{"name":"王渠则镇","code":"610824107000"},{"name":"青阳岔镇","code":"610824102000"},{"name":"黄蒿界乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
