echarts渭南市白水县geoJson地图点击地图插小旗演示实例

geoJson2 yekong

可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理渭南市白水县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

白水县,隶属陕西省渭南市,位于渭南市西北部,东望澄城县,南邻蒲城县,西接铜川市,北界黄龙县、洛川县、宜君县,区域面积986.61平方千米;地处黄土高原渭北残塬丘陵沟壑区,属黄土地貌特征,地势西北高东南低,自西北向东南呈阶梯缓降式大斜坡状;气候类型属暖温带半干旱气候,年平均气温11.4℃,年平均降水量577.8毫米。2021年,白水县常住人口22.1万人。截至2022年10月,白水县下辖1个街道、7个镇,白水县人民政府驻城关街道新兴街009号。

echarts渭南市白水县geoJson地图点击地图插小旗

echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.

echarts渭南市白水县geoJson地图点击地图插小旗

echarts渭南市白水县geoJson地图水滴状气泡图

echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.

echarts渭南市白水县geoJson地图水滴状气泡图

echarts渭南市白水县geoJson地图点击地图获取经纬度

echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.

echarts渭南市白水县geoJson地图点击地图获取经纬度

threejs渭南市白水县geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果想系统的学习threejs的话,可以观看threejs视频 WebGL/Three.js前端3D可视化教程

threejs渭南市白水县geoJson地图3d地图css2d标签

threejs渭南市白水县geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图

threejs渭南市白水县geoJson地图3d地图自定义贴图加CSS2D标签

threejs渭南市白水县geoJson地图3d地图

通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例

threejs渭南市白水县geoJson地图3d地图

渭南市白水县 下辖有 西固镇,雷牙镇,云台镇,冯雷镇,北塬镇,史官镇,城关镇,尧禾镇,杜康镇,林皋镇

渭南市白水县下辖区域坐标

{"西固镇":[109.71679742445761,35.14996083880217],"雷牙镇":[109.62290212032326,35.24168949441745],"云台镇":[109.33655705937275,35.21605907927329],"冯雷镇":[109.64839899695885,35.18486743844875],"北塬镇":[109.55757010696306,35.38091356863735],"史官镇":[109.67042186434034,35.36186330176403],"城关镇":[109.56747547866803,35.16021449452333],"尧禾镇":[109.49848613358327,35.28158446113565],"杜康镇":[109.50102329208035,35.19839164444585],"林皋镇":[109.3995842991529,35.21535541584814]}

渭南市白水县行政划分代码

[{"name":"西固镇","code":"610527104000"},{"name":"雷牙镇","code":"610527109000"},{"name":"云台镇","code":""},{"name":"冯雷镇","code":""},{"name":"北塬镇","code":"610527107000"},{"name":"史官镇","code":"610527106000"},{"name":"城关镇","code":""},{"name":"尧禾镇","code":"610527102000"},{"name":"杜康镇","code":"610527103000"},{"name":"林皋镇","code":"610527105000"}]

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示

渭南市白水县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts渭南市白水县geoJson地图点击地图插小旗演示实例