可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是兰州市七里河区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts兰州市七里河区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts兰州市七里河区geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts兰州市七里河区geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
threejs兰州市七里河区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习threejs的话,可以观看threejs课程视频 3D可视化Three.js视频教程
threejs兰州市七里河区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放
threejs兰州市七里河区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
兰州市七里河区 下辖有 西湖街道,西园街道,西果园镇,西站街道,敦煌路街道,土门墩街道,建兰路街道,晏家坪街道,龚家湾街道,秀川街道,八里镇,阿干镇,魏岭乡,黄峪乡,彭家坪镇,西湖街道,西园街道,西果园镇,西站街道,敦煌路街道,土门墩街道,建兰路街道,晏家坪街道,龚家湾街道,秀川街道,八里镇,阿干镇,魏岭乡,黄峪乡,彭家坪镇
兰州市七里河区下辖区域坐标
{"西湖街道":[],"西园街道":[103.79177331727558,36.05544928266202],"西果园镇":[],"西站街道":[103.75806084370274,36.06507783048484],"敦煌路街道":[],"土门墩街道":[103.72992027111783,36.07024264540867],"建兰路街道":[103.7669391224531,36.07618135212121],"晏家坪街道":[103.7601667278343,36.05094072121093],"龚家湾街道":[103.74804172630061,36.05332010591902],"秀川街道":[],"八里镇":[103.8313798702759,35.99113469406304],"阿干镇":[103.84298014412329,35.88924502756194],"魏岭乡":[103.81412135096414,35.96034225383754],"黄峪乡":[103.68169169051734,35.97763859206721],"彭家坪镇":[]}
兰州市七里河区行政划分代码
[{"name":"西湖街道","code":"620103002000"},{"name":"西园街道","code":"620103001000"},{"name":"西果园镇","code":"620103103000"},{"name":"西站街道","code":"620103005000"},{"name":"敦煌路街道","code":"620103004000"},{"name":"土门墩街道","code":"620103008000"},{"name":"建兰路街道","code":"620103003000"},{"name":"晏家坪街道","code":"620103006000"},{"name":"龚家湾街道","code":"620103007000"},{"name":"秀川街道","code":"620103009000"},{"name":"八里镇","code":"620103101000"},{"name":"阿干镇","code":"620103100000"},{"name":"魏岭乡","code":"620103201000"},{"name":"黄峪乡","code":""},{"name":"彭家坪镇","code":"620103102000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。