大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理宜宾市翠屏区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts宜宾市翠屏区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts宜宾市翠屏区geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts宜宾市翠屏区geoJson地图飞线图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
threejs宜宾市翠屏区geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs教程视频 Three.js前端3D可视化教程
threejs宜宾市翠屏区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs宜宾市翠屏区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
宜宾市翠屏区 下辖有 宗场镇,象鼻街道,邱场镇,沙坪街道,西城街道,西郊街道,赵场街道,白沙湾街道,凉姜乡,南广镇,李庄镇,宋家乡,思坡乡,明威乡,李端镇,牟坪镇,菜坝镇,金坪镇,高店镇,东城街道,北城街道,南城街道,南岸街道,安阜街道
宜宾市翠屏区下辖区域坐标
{"宗场镇":[104.54131864956305,28.8694559385896],"象鼻街道":[104.648113503535,28.83235735430579],"邱场镇":[104.6908138768082,28.97072970587273],"沙坪街道":[104.73041115995974,28.82342493537512],"西城街道":[104.61027510670996,28.76560253482085],"西郊街道":[104.57317802308376,28.67231923104862],"赵场街道":[104.60095290496562,28.69099364359367],"白沙湾街道":[104.65171871547628,28.78023650301995],"凉姜乡":[104.73271852168085,28.85576557821712],"南广镇":[104.69021537601165,28.73319446979612],"李庄镇":[104.81456392747343,28.77291259262561],"宋家乡":[104.85858877608632,28.74024218626024],"思坡乡":[104.47919935867412,28.83170882932665],"明威乡":[104.6246692478622,28.91648365500954],"李端镇":[104.83321419640029,28.604776403024],"牟坪镇":[104.84821389022079,28.67679076117608],"菜坝镇":[104.55977941402179,28.7692736189427],"金坪镇":[104.7149803711655,28.9112023911165],"高店镇":[104.7942380296385,28.91278703534591],"东城街道":[104.62587914304066,28.77298043381395],"北城街道":[104.61369586028582,28.77334310987501],"南城街道":[104.62546648866038,28.76637188648065],"南岸街道":[104.62941158677779,28.75477248226202],"安阜街道":[104.58399118427752,28.80093854631556]}
宜宾市翠屏区行政划分代码
[{"name":"宗场镇","code":"511502111000"},{"name":"象鼻街道","code":"511502010000"},{"name":"邱场镇","code":""},{"name":"沙坪街道","code":"511502011000"},{"name":"西城街道","code":""},{"name":"西郊街道","code":"511502006000"},{"name":"赵场街道","code":""},{"name":"白沙湾街道","code":"511502008000"},{"name":"凉姜乡","code":""},{"name":"南广镇","code":""},{"name":"李庄镇","code":"511502101000"},{"name":"宋家乡","code":""},{"name":"思坡乡","code":""},{"name":"明威乡","code":""},{"name":"李端镇","code":"511502109000"},{"name":"牟坪镇","code":"511502108000"},{"name":"菜坝镇","code":"511502102000"},{"name":"金坪镇","code":"511502104000"},{"name":"高店镇","code":""},{"name":"东城街道","code":""},{"name":"北城街道","code":""},{"name":"南城街道","code":""},{"name":"南岸街道","code":""},{"name":"安阜街道","code":"511502007000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
