随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理昭通市彝良县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts昭通市彝良县geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts昭通市彝良县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts昭通市彝良县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
threejs昭通市彝良县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果想系统的学习threejs的话,可以观看threejs视频课程 3D可视化Three.js视频教程
threejs昭通市彝良县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs昭通市彝良县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
昭通市彝良县 下辖有 牛街镇,荞山镇,角奎镇,洛泽河镇,奎香苗族彝族乡,龙街苗族彝族乡,两河镇,洛旺乡,海子镇,钟鸣镇,龙安镇,龙海镇,小草坝镇,柳溪苗族乡,树林彝族苗族乡
昭通市彝良县下辖区域坐标
{"牛街镇":[104.44454705759125,27.83590486802075],"荞山镇":[104.22835230452486,27.61349989237475],"角奎镇":[104.07276161862809,27.57894547545146],"洛泽河镇":[103.98611872032745,27.48820396070542],"奎香苗族彝族乡":[104.22262375976443,27.39050996888261],"龙街苗族彝族乡":[104.11367228947671,27.37366657156293],"两河镇":[104.18288725089602,27.84819914280904],"洛旺乡":[104.64061829528555,27.81938721126335],"海子镇":[104.29394008254769,27.55235683863678],"钟鸣镇":[104.06928613332764,27.78464842666953],"龙安镇":[104.11644540415297,27.71776032327874],"龙海镇":[104.37907223292865,27.75174642938071],"小草坝镇":[104.26757433613041,27.74780747500755],"柳溪苗族乡":[104.52439390411052,27.78786639186546],"树林彝族苗族乡":[104.36335230431126,27.49682662719016]}
昭通市彝良县行政划分代码
[{"name":"牛街镇","code":"530628103000"},{"name":"荞山镇","code":"530628105000"},{"name":"角奎镇","code":""},{"name":"洛泽河镇","code":"530628102000"},{"name":"奎香苗族彝族乡","code":"530628202000"},{"name":"龙街苗族彝族乡","code":"530628201000"},{"name":"两河镇","code":"530628108000"},{"name":"洛旺乡","code":""},{"name":"海子镇","code":"530628104000"},{"name":"钟鸣镇","code":"530628107000"},{"name":"龙安镇","code":"530628106000"},{"name":"龙海镇","code":"530628110000"},{"name":"小草坝镇","code":"530628109000"},{"name":"柳溪苗族乡","code":"530628211000"},{"name":"树林彝族苗族乡","code":"530628203000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看