echarts山南市贡嘎县geoJson地图飞线图实例

geoJson2 yekong

随着开发 数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理山南市贡嘎县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

echarts山南市贡嘎县geoJson地图飞线图

echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向

echarts山南市贡嘎县geoJson地图飞线图

echarts山南市贡嘎县geoJson地图地图排行榜效果

echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果

echarts山南市贡嘎县geoJson地图地图排行榜效果

echarts山南市贡嘎县geoJson地图3d地图自定义贴图-绿色地面

3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例

echarts山南市贡嘎县geoJson地图3d地图自定义贴图-绿色地面

threejs山南市贡嘎县geoJson地图3d地图css2d标签

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

threejs山南市贡嘎县geoJson地图3d地图css2d标签

threejs山南市贡嘎县geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰

 threejs山南市贡嘎县geoJson地图3d地图添加金色效果

threejs山南市贡嘎县geoJson地图3d地图自定义贴图加CSS3D标签

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

threejs山南市贡嘎县geoJson地图3d地图自定义贴图加CSS3D标签

山南市贡嘎县 下辖有 吉雄镇,昌果乡,岗堆镇,朗杰学乡,杰德秀镇,江塘镇,东拉乡,甲竹林镇

山南市贡嘎县下辖区域坐标

{"吉雄镇":[91.02352252370832,29.32042678194797],"昌果乡":[91.1435504508143,29.42086832374006],"岗堆镇":[90.7930286853827,29.20919786278422],"朗杰学乡":[91.08827486784011,29.09843898347053],"杰德秀镇":[91.11041957766625,29.23467483365065],"江塘镇":[90.60141030982953,29.25590104972894],"东拉乡":[90.76617570337552,29.06859933628064],"甲竹林镇":[90.92012563392589,29.22248636948881]}

山南市贡嘎县行政划分代码

[{"name":"吉雄镇","code":"540522100000"},{"name":"昌果乡","code":"540522201000"},{"name":"岗堆镇","code":"540522103000"},{"name":"朗杰学乡","code":"540522200000"},{"name":"杰德秀镇","code":"540522102000"},{"name":"江塘镇","code":"540522104000"},{"name":"东拉乡","code":"540522205000"},{"name":"甲竹林镇","code":"540522101000"}]

说明

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

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

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

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

山南市贡嘎县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts山南市贡嘎县geoJson地图飞线图实例