echarts温州市瑞安市geoJson地图地图排行榜效果实例代码

geoJson2 yekong

数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是温州市瑞安市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

echarts温州市瑞安市geoJson地图地图排行榜效果

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

echarts温州市瑞安市geoJson地图地图排行榜效果

echarts温州市瑞安市geoJson地图局部颜色渐变

echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果

echarts温州市瑞安市geoJson地图局部颜色渐变

echarts温州市瑞安市geoJson地图3d地图自定义贴图-绿色地面

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

echarts温州市瑞安市geoJson地图3d地图自定义贴图-绿色地面

threejs温州市瑞安市geoJson地图3d地图

通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果想系统的学习threejs的话,可以观看threejs教程视频 Three.js前端3D可视化

threejs温州市瑞安市geoJson地图3d地图

threejs温州市瑞安市geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果

threejs温州市瑞安市geoJson地图3d地图添加描边效果

threejs温州市瑞安市geoJson地图3d地图自定义贴图加CSS3D标签

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

threejs温州市瑞安市geoJson地图3d地图自定义贴图加CSS3D标签

温州市瑞安市 下辖有 东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,东山街道,仙降街道,上望街道,莘塍街道,塘下镇,南滨街道,安阳街道,汀田街道,玉海街道,芳庄乡,湖岭镇,湖岭镇,高楼镇,高楼镇,马屿镇,马屿镇,陶山镇,陶山镇,潘岱街道,锦湖街道,云周街道,飞云街道

温州市瑞安市下辖区域坐标

{"东山街道":[120.97415791159725,27.66048498359321],"仙降街道":[120.52920760277598,27.77305994849964],"上望街道":[120.70498316673223,27.73295307023529],"莘塍街道":[120.7170344399839,27.75967355811783],"塘下镇":[120.70106051136557,27.82026134441102],"南滨街道":[120.6552734416255,27.70459176140245],"安阳街道":[120.64954566312262,27.78860716211535],"汀田街道":[120.72223986456439,27.78282955841357],"玉海街道":[120.6288429439173,27.77992902340656],"芳庄乡":[120.36710412496427,27.95797896738028],"湖岭镇":[120.46445464005927,27.93807715273698],"高楼镇":[120.36218402724855,27.75278105122132],"马屿镇":[120.4608575985294,27.71486506521067],"陶山镇":[120.56841909718088,27.88300558958619],"潘岱街道":[120.59302433014608,27.84106741080573],"锦湖街道":[120.62027285479931,27.8192332943685],"云周街道":[120.57944933717306,27.80161891236067],"飞云街道":[120.60226746186119,27.75726141396358]}

温州市瑞安市行政划分代码

[{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"东山街道","code":"330381004000"},{"name":"仙降街道","code":"330381010000"},{"name":"上望街道","code":"330381005000"},{"name":"莘塍街道","code":"330381007000"},{"name":"塘下镇","code":"330381101000"},{"name":"南滨街道","code":"330381011000"},{"name":"安阳街道","code":"330381001000"},{"name":"汀田街道","code":"330381008000"},{"name":"玉海街道","code":"330381002000"},{"name":"芳庄乡","code":"330381221000"},{"name":"湖岭镇","code":"330381122000"},{"name":"湖岭镇","code":"330381122000"},{"name":"高楼镇","code":"330381125000"},{"name":"高楼镇","code":"330381125000"},{"name":"马屿镇","code":"330381116000"},{"name":"马屿镇","code":"330381116000"},{"name":"陶山镇","code":"330381120000"},{"name":"陶山镇","code":"330381120000"},{"name":"潘岱街道","code":"330381012000"},{"name":"锦湖街道","code":"330381003000"},{"name":"云周街道","code":"330381013000"},{"name":"飞云街道","code":"330381009000"}]

说明

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

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

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

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

温州市瑞安市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts温州市瑞安市geoJson地图地图排行榜效果实例代码