echarts资阳市雁江区geoJson地图圆形波纹状气泡图实例代码

geoJson2 yekong

数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是资阳市雁江区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

echarts资阳市雁江区geoJson地图圆形波纹状气泡图

echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.

echarts资阳市雁江区geoJson地图圆形波纹状气泡图

echarts资阳市雁江区geoJson地图迁徙图

echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向

echarts资阳市雁江区geoJson地图迁徙图

echarts资阳市雁江区geoJson地图3d地图

使用的是echarts-gl结合echarts实现的3d地图效果实例

echarts资阳市雁江区geoJson地图3d地图

threejs资阳市雁江区geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs视频 Three.js视频教程3D可视化

threejs资阳市雁江区geoJson地图3d地图指定区域闪烁

threejs资阳市雁江区geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份

threejs资阳市雁江区geoJson地图3d地图CSS3D标签

threejs资阳市雁江区geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图

threejs资阳市雁江区geoJson地图3d地图自定义贴图加CSS2D标签

资阳市雁江区 下辖有 丹山镇,伍隍镇,东峰镇,中和镇,南津镇,小院镇,资溪街道,碑记镇,祥符镇,迎接镇,雁江镇,莲花街道,三贤祠街道,狮子山街道,四川大堰劳动教养管理所,临江镇,老君镇,丰裕镇,保和镇,回龙乡,堪嘉镇,宝台镇,忠义镇,新场乡,松涛镇,清水乡,石岭镇

资阳市雁江区下辖区域坐标

{"丹山镇":[104.91234987141047,30.11608469040931],"伍隍镇":[104.78162194773509,29.96341995052984],"东峰镇":[104.83854365275778,30.03476139373149],"中和镇":[104.82290954826652,30.14189526799475],"南津镇":[104.72794640643211,30.00839101758005],"小院镇":[104.91584217475706,30.01519177225435],"资溪街道":[104.64278364539038,30.11745331687262],"碑记镇":[104.63299583565424,29.95928896015985],"祥符镇":[104.50330854379473,30.13973891874369],"迎接镇":[104.54043190324197,30.06455034821424],"雁江镇":[104.63361453971805,30.13195487769822],"莲花街道":[104.65292167157234,30.12522127898171],"三贤祠街道":[104.62911822541619,30.12599075167038],"狮子山街道":[104.61933393361575,30.14448238050861],"四川大堰劳动教养管理所":[104.58422761031133,30.16979288315046],"临江镇":[104.59837743800628,30.19715073115511],"老君镇":[104.69875997373202,30.26123167129255],"丰裕镇":[104.57659038127579,30.02360820350007],"保和镇":[104.74606921426789,30.20761018167158],"回龙乡":[104.99619907917796,30.06916574887611],"堪嘉镇":[104.87548140573543,29.94291936738143],"宝台镇":[104.71002140642887,30.10715314507733],"忠义镇":[104.65857354378487,29.99969974832621],"新场乡":[104.99024031811425,30.12525796274458],"松涛镇":[104.63428317206296,30.08948639372644],"清水乡":[104.74987341150772,30.08449743079152],"石岭镇":[104.81290205662728,29.90138955111783]}

资阳市雁江区行政划分代码

[{"name":"丹山镇","code":"512002107000"},{"name":"伍隍镇","code":"512002110000"},{"name":"东峰镇","code":"512002112000"},{"name":"中和镇","code":"512002106000"},{"name":"南津镇","code":"512002113000"},{"name":"小院镇","code":"512002108000"},{"name":"资溪街道","code":"512002003000"},{"name":"碑记镇","code":""},{"name":"祥符镇","code":"512002118000"},{"name":"迎接镇","code":"512002117000"},{"name":"雁江镇","code":"512002100000"},{"name":"莲花街道","code":"512002001000"},{"name":"三贤祠街道","code":"512002002000"},{"name":"狮子山街道","code":"512002004000"},{"name":"四川大堰劳动教养管理所","code":"512002400000"},{"name":"临江镇","code":"512002103000"},{"name":"老君镇","code":"512002105000"},{"name":"丰裕镇","code":"512002116000"},{"name":"保和镇","code":"512002104000"},{"name":"回龙乡","code":""},{"name":"堪嘉镇","code":"512002109000"},{"name":"宝台镇","code":"512002102000"},{"name":"忠义镇","code":""},{"name":"新场乡","code":""},{"name":"松涛镇","code":"512002101000"},{"name":"清水乡","code":""},{"name":"石岭镇","code":"512002111000"}]

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看

资阳市雁江区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts资阳市雁江区geoJson地图圆形波纹状气泡图实例代码