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

echarts文山壮族苗族自治州文山市geoJson地图圆形波纹状气泡图

threejs文山壮族苗族自治州文山市geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣,可以观看threejs视频课程 Three.js视频教程3D可视化

threejs文山壮族苗族自治州文山市geoJson地图3d地图鼠标移入显示标签并高亮

threejs文山壮族苗族自治州文山市geoJson地图3d地图自定义贴图加CSS3D标签

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

threejs文山壮族苗族自治州文山市geoJson地图3d地图自定义贴图加CSS3D标签

文山壮族苗族自治州文山市 下辖有 古木镇,喜古乡,小街镇,平坝镇,坝心彝族乡,薄竹镇,马塘镇,卧龙街道,追栗街镇,德厚镇,新街乡,开化街道,新平街道,东山彝族乡,柳井彝族乡,秉烈彝族乡,红甸回族乡

文山壮族苗族自治州文山市下辖区域坐标

{"古木镇":[104.2316821956286,23.22703411139663],"喜古乡":[104.10814962860647,23.38723676343768],"小街镇":[103.97518108697624,23.27239071095718],"平坝镇":[104.12837105086706,23.23939049642911],"坝心彝族乡":[103.9971257336235,23.37101943638737],"薄竹镇":[103.91152774390383,23.42363040767866],"马塘镇":[104.05872755121104,23.50552157799178],"卧龙街道":[104.19233707007785,23.41692086357989],"追栗街镇":[104.37328348651796,23.31554726562342],"德厚镇":[103.84578626588095,23.57673784329292],"新街乡":[103.99648121671063,23.16325246222535],"开化街道":[104.19408497318759,23.34040935211857],"新平街道":[104.28139425093366,23.32036060339371],"东山彝族乡":[104.30550312652767,23.42020883023602],"柳井彝族乡":[104.31143903411206,23.19454554057911],"秉烈彝族乡":[104.10168768424026,23.61405328727125],"红甸回族乡":[103.97763963711151,23.63307893704705]}

文山壮族苗族自治州文山市行政划分代码

[{"name":"古木镇","code":"532601102000"},{"name":"喜古乡","code":"532601204000"},{"name":"小街镇","code":"532601106000"},{"name":"平坝镇","code":"532601103000"},{"name":"坝心彝族乡","code":"532601205000"},{"name":"薄竹镇","code":"532601107000"},{"name":"马塘镇","code":"532601104000"},{"name":"卧龙街道","code":"532601002000"},{"name":"追栗街镇","code":"532601108000"},{"name":"德厚镇","code":"532601105000"},{"name":"新街乡","code":"532601203000"},{"name":"开化街道","code":"532601001000"},{"name":"新平街道","code":"532601003000"},{"name":"东山彝族乡","code":"532601201000"},{"name":"柳井彝族乡","code":"532601202000"},{"name":"秉烈彝族乡","code":"532601206000"},{"name":"红甸回族乡","code":"532601207000"}]

说明

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

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

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

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

文山壮族苗族自治州文山市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts文山壮族苗族自治州文山市geoJson地图 tooltip轮播演示实例