数据可视化大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是宜宾市南溪区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts宜宾市南溪区geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts宜宾市南溪区geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts宜宾市南溪区geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
threejs宜宾市南溪区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果想系统的学习threejs的话，可以观看threejs课程视频 Three.js前端3D可视化教程
threejs宜宾市南溪区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
宜宾市南溪区 下辖有 江南镇,刘家镇,仙临镇,林丰乡,大坪乡,大观镇,汪家镇,留宾乡,石鼓乡,裴石乡,长兴镇,马家乡,黄沙镇,南溪街道,罗龙街道
宜宾市南溪区下辖区域坐标
{"江南镇":[104.99720491265006,28.80669038100708],"刘家镇":[104.91446931554523,28.90661409142955],"仙临镇":[104.9844231461647,28.94638619723139],"林丰乡":[104.77585429754822,28.9787550808684],"大坪乡":[104.88612075903426,29.01829464892471],"大观镇":[104.91471557050741,28.99454270616158],"汪家镇":[104.84763019472683,28.96687751535351],"留宾乡":[105.06016632079157,28.88874146286324],"石鼓乡":[104.8391560834291,28.85355637836176],"裴石乡":[105.05096598476011,28.83641554245467],"长兴镇":[105.04076874768614,28.9337292194999],"马家乡":[104.92934217441822,28.74333340783179],"黄沙镇":[104.84695829038155,28.90195489571217],"南溪街道":[104.98025719102989,28.86369785246025],"罗龙街道":[104.89756584421832,28.819902562738]}
宜宾市南溪区行政划分代码
[{"name":"江南镇","code":"511503103000"},{"name":"刘家镇","code":"511503102000"},{"name":"仙临镇","code":"511503107000"},{"name":"林丰乡","code":""},{"name":"大坪乡","code":""},{"name":"大观镇","code":"511503104000"},{"name":"汪家镇","code":"511503105000"},{"name":"留宾乡","code":""},{"name":"石鼓乡","code":""},{"name":"裴石乡","code":""},{"name":"长兴镇","code":"511503108000"},{"name":"马家乡","code":""},{"name":"黄沙镇","code":"511503106000"},{"name":"南溪街道","code":"511503001000"},{"name":"罗龙街道","code":"511503002000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
