可视化数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是福州市福清市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts福州市福清市geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts福州市福清市geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts福州市福清市geoJson地图label样式自定义
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
threejs福州市福清市geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习threejs的话,可以观看threejs视频课程 Three.js前端3D可视化
threejs福州市福清市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs福州市福清市geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
福州市福清市 下辖有 东阁华侨,一都镇,三山镇,上迳镇,东张镇,东瀚镇,南岭镇,城头镇,新厝镇,江镜镇,江阴镇,沙埔镇,海口镇,渔溪镇,港头镇,镜洋镇,高山镇,龙田镇,江镜华侨,玉屏街道,石竹街道,阳下街道,音西街道,龙山街道,龙江街道,宏路街道
福州市福清市下辖区域坐标
{"东阁华侨":[119.45525145985238,25.6588112427789],"一都镇":[119.16164247402614,25.78640004963119],"三山镇":[119.5255414927827,25.50510377959323],"上迳镇":[119.33312532102181,25.63786649629753],"东张镇":[119.19419945837983,25.68350253917061],"东瀚镇":[119.62444752986565,25.40850043402305],"南岭镇":[119.50247865754656,25.75896642745295],"城头镇":[119.52440448742966,25.71622522848941],"新厝镇":[119.22245898655419,25.54649551800153],"江镜镇":[119.39009855282123,25.56160696021153],"江阴镇":[119.33368482723706,25.49594353539272],"沙埔镇":[119.5159371006214,25.38781632013374],"海口镇":[119.4429404637234,25.70790945149264],"渔溪镇":[119.25543552976569,25.61613148958812],"港头镇":[119.46786525536845,25.53690120331741],"镜洋镇":[119.27762741317436,25.78613404497632],"高山镇":[119.56539606102561,25.47843331843742],"龙田镇":[119.44859497561822,25.61704844404164],"江镜华侨":[119.43585274650115,25.52143001410927],"玉屏街道":[119.39174375180113,25.73543674767681],"石竹街道":[119.27686055769891,25.7231316744525],"阳下街道":[119.41664582998658,25.78355030324163],"音西街道":[119.33728243486063,25.76053775561332],"龙山街道":[119.42093501749216,25.72796473117685],"龙江街道":[119.38154017000227,25.68749661506942],"宏路街道":[119.31192512726733,25.67958589399365]}
福州市福清市行政划分代码
[{"name":"东阁华侨","code":"350181401000"},{"name":"一都镇","code":"350181119000"},{"name":"三山镇","code":"350181111000"},{"name":"上迳镇","code":"350181114000"},{"name":"东张镇","code":"350181117000"},{"name":"东瀚镇","code":"350181112000"},{"name":"南岭镇","code":"350181105000"},{"name":"城头镇","code":"350181104000"},{"name":"新厝镇","code":"350181115000"},{"name":"江镜镇","code":"350181107000"},{"name":"江阴镇","code":"350181116000"},{"name":"沙埔镇","code":"350181110000"},{"name":"海口镇","code":"350181103000"},{"name":"渔溪镇","code":"350181113000"},{"name":"港头镇","code":"350181108000"},{"name":"镜洋镇","code":"350181118000"},{"name":"高山镇","code":"350181109000"},{"name":"龙田镇","code":"350181106000"},{"name":"江镜华侨","code":"350181400000"},{"name":"玉屏街道","code":"350181002000"},{"name":"石竹街道","code":"350181006000"},{"name":"阳下街道","code":"350181008000"},{"name":"音西街道","code":"350181007000"},{"name":"龙山街道","code":"350181003000"},{"name":"龙江街道","code":"350181004000"},{"name":"宏路街道","code":"350181005000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看