大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理辽阳市灯塔市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts辽阳市灯塔市geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts辽阳市灯塔市geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts辽阳市灯塔市geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
threejs辽阳市灯塔市geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs课程视频 Three.js前端3D可视化
threejs辽阳市灯塔市geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
threejs辽阳市灯塔市geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
辽阳市灯塔市 下辖有 烟台街道,西大窑镇,张台子镇,五星镇,铧子镇,佟二堡镇,柳条寨镇,柳河子镇,沈旦堡镇,西马峰镇,万宝桥街道,古城子街道,大河南镇,鸡冠山乡
辽阳市灯塔市下辖区域坐标
{"烟台街道":[123.308272552094,41.43248048564645],"西大窑镇":[123.46833787099843,41.33485916761921],"张台子镇":[123.29992703152168,41.36607259017404],"五星镇":[122.98237691430448,41.43639312475726],"铧子镇":[123.46098861111524,41.4097901725854],"佟二堡镇":[123.08184146462719,41.438481501857],"柳条寨镇":[123.212792253743,41.49821760675914],"柳河子镇":[123.5553181983113,41.44373726222352],"沈旦堡镇":[123.09567046773951,41.54304037652413],"西马峰镇":[123.20324145315968,41.36426670564325],"万宝桥街道":[123.3449776871013,41.43256913963155],"古城子街道":[123.22746489175029,41.44916374809803],"大河南镇":[123.35330498046196,41.48915006867915],"鸡冠山乡":[123.58492061135055,41.3180609366287]}
辽阳市灯塔市行政划分代码
[{"name":"烟台街道","code":"211081001000"},{"name":"西大窑镇","code":"211081104000"},{"name":"张台子镇","code":"211081103000"},{"name":"五星镇","code":"211081114000"},{"name":"铧子镇","code":"211081102000"},{"name":"佟二堡镇","code":"211081101000"},{"name":"柳条寨镇","code":"211081107000"},{"name":"柳河子镇","code":"211081108000"},{"name":"沈旦堡镇","code":"211081105000"},{"name":"西马峰镇","code":"211081106000"},{"name":"万宝桥街道","code":"211081002000"},{"name":"古城子街道","code":""},{"name":"大河南镇","code":"211081111000"},{"name":"鸡冠山乡","code":"211081205000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。