数据可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理昌都市卡若区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts昌都市卡若区geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts昌都市卡若区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts昌都市卡若区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs昌都市卡若区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话,可以观看threejs视频课程 WebGL/Three.js前端高薪3D可视化
threejs昌都市卡若区geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
threejs昌都市卡若区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
昌都市卡若区 下辖有 俄洛镇,卡若镇,嘎玛乡,埃西乡,城关镇,若巴乡,如意乡,拉多乡,日通乡,柴维乡,沙贡乡,约巴乡,芒达乡,面达乡,妥坝乡
昌都市卡若区下辖区域坐标
{"俄洛镇":[96.93169601062714,31.21095307467792],"卡若镇":[97.25773636307866,30.92436849035307],"嘎玛乡":[96.8676262100561,31.90022044066418],"埃西乡":[97.34441142398262,31.15760022252802],"城关镇":[97.17002238539047,31.15922435134533],"若巴乡":[96.99287674852815,30.88807765196116],"如意乡":[97.16598324389881,31.30270620558327],"拉多乡":[97.4337018609686,31.63681909830566],"日通乡":[97.1818420027632,31.4241439125301],"柴维乡":[97.15846839076372,31.68704577390631],"沙贡乡":[96.90018177772444,31.38588305267545],"约巴乡":[96.93699414309033,31.71599023467957],"芒达乡":[96.85743338530587,31.55074564231623],"面达乡":[97.21621279721407,32.08845784545318],"妥坝乡":[97.66464040572492,31.29072087892873]}
昌都市卡若区行政划分代码
[{"name":"俄洛镇","code":"540302101000"},{"name":"卡若镇","code":"540302102000"},{"name":"嘎玛乡","code":"540302205000"},{"name":"埃西乡","code":"540302209000"},{"name":"城关镇","code":"540302100000"},{"name":"若巴乡","code":"540302210000"},{"name":"如意乡","code":"540302208000"},{"name":"拉多乡","code":"540302203000"},{"name":"日通乡","code":"540302207000"},{"name":"柴维乡","code":"540302206000"},{"name":"沙贡乡","code":"540302211000"},{"name":"约巴乡","code":"540302201000"},{"name":"芒达乡","code":"540302200000"},{"name":"面达乡","code":"540302204000"},{"name":"妥坝乡","code":"540302202000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看