随着开发 数据大屏可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理六安市裕安区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts六安市裕安区geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts六安市裕安区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts六安市裕安区geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
threejs六安市裕安区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣，可以观看threejs视频 Three.js前端3D可视化
threejs六安市裕安区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs六安市裕安区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
六安市裕安区 下辖有 丁集镇,单王乡,固镇镇,城南镇,平桥乡,徐集镇,新安镇,独山镇,罗集乡,苏埠镇,青山乡,顺河镇,分路口镇,江家店镇,狮子岗乡,石婆店镇,石板冲乡,西河口乡,西市街道,韩摆渡镇,鼓楼街道,小华山街道,六安市裕安区经济开发区
六安市裕安区下辖区域坐标
{"丁集镇":[116.3322862738643,31.92431939787925],"单王乡":[116.46820750417012,32.00619225055754],"固镇镇":[116.33232997774064,32.01100018327677],"城南镇":[116.43776627082579,31.69673588194757],"平桥乡":[116.44273887817022,31.76979203016867],"徐集镇":[116.38803208727694,31.82404249396123],"新安镇":[116.45859200860107,31.83775080703277],"独山镇":[116.20555754746835,31.61878861317125],"罗集乡":[116.25469294238819,31.91222830883499],"苏埠镇":[116.39060205624328,31.6415627323075],"青山乡":[116.39048261855143,31.56094406822676],"顺河镇":[116.4518875466155,31.91314791310096],"分路口镇":[116.34491953188777,31.7610358765476],"江家店镇":[116.26086540862482,31.82702755833131],"狮子岗乡":[116.25229600119084,31.71597863538414],"石婆店镇":[116.11496801399545,31.69409406665299],"石板冲乡":[116.31796399987405,31.61086638207133],"西河口乡":[116.24882984906932,31.52289946307205],"西市街道":[116.48193048949736,31.74895517780813],"韩摆渡镇":[116.3772470698839,31.68673440740876],"鼓楼街道":[116.48331556290027,31.76305299005234],"小华山街道":[116.50438997085314,31.72568203273279],"六安市裕安区经济开发区":[116.48345396181745,31.68255799883053]}
六安市裕安区行政划分代码
[{"name":"丁集镇","code":"341503107000"},{"name":"单王乡","code":"341503200000"},{"name":"固镇镇","code":"341503108000"},{"name":"城南镇","code":"341503106000"},{"name":"平桥乡","code":"341503204000"},{"name":"徐集镇","code":"341503109000"},{"name":"新安镇","code":"341503102000"},{"name":"独山镇","code":"341503104000"},{"name":"罗集乡","code":"341503205000"},{"name":"苏埠镇","code":"341503100000"},{"name":"青山乡","code":"341503201000"},{"name":"顺河镇","code":"341503103000"},{"name":"分路口镇","code":"341503110000"},{"name":"江家店镇","code":"341503111000"},{"name":"狮子岗乡","code":"341503206000"},{"name":"石婆店镇","code":"341503105000"},{"name":"石板冲乡","code":"341503202000"},{"name":"西河口乡","code":"341503203000"},{"name":"西市街道","code":"341503002000"},{"name":"韩摆渡镇","code":"341503101000"},{"name":"鼓楼街道","code":"341503001000"},{"name":"小华山街道","code":"341503003000"},{"name":"六安市裕安区经济开发区","code":"341503400000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
