echarts南充市顺庆区geoJson地图 tooltip轮播代码演示

geoJson2 yekong

数据可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理南充市顺庆区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

echarts南充市顺庆区geoJson地图 tooltip轮播

echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.

echarts南充市顺庆区geoJson地图 tooltip轮播

echarts南充市顺庆区geoJson地图局部颜色渐变

echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果

echarts南充市顺庆区geoJson地图局部颜色渐变

echarts南充市顺庆区geoJson地图点击地图插小旗

echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.

echarts南充市顺庆区geoJson地图点击地图插小旗

threejs南充市顺庆区geoJson地图3d地图指定区域闪烁

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

threejs南充市顺庆区geoJson地图3d地图指定区域闪烁

threejs南充市顺庆区geoJson地图3d地图自定义贴图加CSS2D标签

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

threejs南充市顺庆区geoJson地图3d地图自定义贴图加CSS2D标签

threejs南充市顺庆区geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs南充市顺庆区geoJson地图3d地图鼠标移入显示标签并高亮

南充市顺庆区 下辖有 潆华工业集中区,中城街道,北城街道,龙桂乡,搬罾镇,大林乡,梵殿乡,西城街道,和平路街道,东南街道,共兴镇,凤山乡,双桥镇,同仁乡,新复乡,李家镇,渔溪乡,桂花乡,永丰乡,灯台乡,芦溪镇,辉景乡,金台镇,顺河乡,新建街道,华凤街道,潆溪街道,舞凤街道,荆溪街道

南充市顺庆区下辖区域坐标

{"潆华工业集中区":[106.0823458446538,30.83561949619479],"中城街道":[106.0809211193193,30.7966625108478],"北城街道":[106.09631749990942,30.80630011915596],"龙桂乡":[106.10171233310524,31.06699766009991],"搬罾镇":[106.15331788223831,30.90484440075918],"大林乡":[106.15040835992298,30.94295258797336],"梵殿乡":[106.07794525663654,30.96223265727556],"西城街道":[106.08115166080158,30.78902870118284],"和平路街道":[106.07962956664699,30.80727848382208],"东南街道":[106.08422730497568,30.77518606363578],"共兴镇":[106.01520476996527,30.92842222834697],"凤山乡":[106.1947017853362,30.9606418008901],"双桥镇":[106.06584567616414,31.06688598988835],"同仁乡":[105.97140274763369,30.90881326759413],"新复乡":[106.01762456125806,30.8611795793495],"李家镇":[106.14672852255089,31.07212373432433],"渔溪乡":[106.24878493299786,30.96992870664023],"桂花乡":[106.19196021428726,31.04337453953408],"永丰乡":[106.07744746578754,31.02017600055091],"灯台乡":[106.17722027259282,30.99305395668453],"芦溪镇":[106.12039641109811,30.97983418634572],"辉景乡":[106.1478709928924,31.01970093923311],"金台镇":[106.107845192722,30.91706721195519],"顺河乡":[106.04125709915215,30.98548684182307],"新建街道":[106.05082662985906,30.79585994902618],"华凤街道":[106.05387227496357,30.83212456242026],"潆溪街道":[106.05693461509486,30.89618901340875],"舞凤街道":[106.1022650303777,30.83073713733449],"荆溪街道":[106.11977148862715,30.86820310050977]}

南充市顺庆区行政划分代码

[{"name":"潆华工业集中区","code":""},{"name":"中城街道","code":"511302001000"},{"name":"北城街道","code":"511302002000"},{"name":"龙桂乡","code":""},{"name":"搬罾镇","code":""},{"name":"大林乡","code":""},{"name":"梵殿乡","code":""},{"name":"西城街道","code":"511302003000"},{"name":"和平路街道","code":"511302008000"},{"name":"东南街道","code":"511302004000"},{"name":"共兴镇","code":"511302104000"},{"name":"凤山乡","code":""},{"name":"双桥镇","code":"511302108000"},{"name":"同仁乡","code":""},{"name":"新复乡","code":"511302200000"},{"name":"李家镇","code":"511302107000"},{"name":"渔溪乡","code":""},{"name":"桂花乡","code":""},{"name":"永丰乡","code":""},{"name":"灯台乡","code":""},{"name":"芦溪镇","code":"511302106000"},{"name":"辉景乡","code":""},{"name":"金台镇","code":"511302105000"},{"name":"顺河乡","code":""},{"name":"新建街道","code":"511302006000"},{"name":"华凤街道","code":"511302007000"},{"name":"潆溪街道","code":"511302009000"},{"name":"舞凤街道","code":"511302005000"},{"name":"荆溪街道","code":"511302010000"}]

说明

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

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

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

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

南充市顺庆区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts南充市顺庆区geoJson地图 tooltip轮播代码演示