数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理日喀则市定日县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts日喀则市定日县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts日喀则市定日县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts日喀则市定日县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
threejs日喀则市定日县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs日喀则市定日县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
日喀则市定日县 下辖有 长所乡,措果乡,尼辖乡,绒辖乡,协格尔镇,扎西宗乡,曲洛乡,克玛乡,盆吉乡,加措乡,岗嘎镇,扎果乡,曲当乡
日喀则市定日县下辖区域坐标
{"长所乡":[87.52924194656578,28.63236937739293],"措果乡":[87.44539661659405,28.47662488739745],"尼辖乡":[87.65955537896897,28.59997932506535],"绒辖乡":[86.38570935463065,28.10914717418923],"协格尔镇":[87.0445638634738,28.67035557755793],"扎西宗乡":[86.82655192854833,28.25898836175588],"曲洛乡":[87.35653919497321,28.60912959113517],"克玛乡":[86.77926123531105,28.79942546789919],"盆吉乡":[86.83876934797291,28.9986607368808],"加措乡":[87.27599680594798,28.81018051412997],"岗嘎镇":[86.53580153503239,28.49781658474007],"扎果乡":[86.95216829745642,28.59630601310373],"曲当乡":[87.26672027313663,28.1400817497588]}
日喀则市定日县行政划分代码
[{"name":"长所乡","code":"540223205000"},{"name":"措果乡","code":"540223203000"},{"name":"尼辖乡","code":"540223206000"},{"name":"绒辖乡","code":"540223201000"},{"name":"协格尔镇","code":"540223100000"},{"name":"扎西宗乡","code":"540223200000"},{"name":"曲洛乡","code":"540223204000"},{"name":"克玛乡","code":"540223208000"},{"name":"盆吉乡","code":"540223209000"},{"name":"加措乡","code":"540223210000"},{"name":"岗嘎镇","code":"540223101000"},{"name":"扎果乡","code":"540223207000"},{"name":"曲当乡","code":"540223202000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看