echarts凉山彝族自治州美姑县geoJson地图 tooltip轮播实例代码

geoJson2 yekong

可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理凉山彝族自治州美姑县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

echarts凉山彝族自治州美姑县geoJson地图 tooltip轮播

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

echarts凉山彝族自治州美姑县geoJson地图 tooltip轮播

echarts凉山彝族自治州美姑县geoJson地图全局颜色渐变

echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果

echarts凉山彝族自治州美姑县geoJson地图全局颜色渐变

echarts凉山彝族自治州美姑县geoJson地图点击地图插小旗

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

echarts凉山彝族自治州美姑县geoJson地图点击地图插小旗

threejs凉山彝族自治州美姑县geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs视频 WebGL前端3D可视化教程

threejs凉山彝族自治州美姑县geoJson地图3d地图自定义贴图加CSS3D标签

threejs凉山彝族自治州美姑县geoJson地图3d地图自定义贴图加CSS2D标签

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

threejs凉山彝族自治州美姑县geoJson地图3d地图自定义贴图加CSS2D标签

threejs凉山彝族自治州美姑县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例

threejs凉山彝族自治州美姑县geoJson地图3d地图添加旋转棱锥

凉山彝族自治州美姑县 下辖有 佐戈依达乡,尔其乡,尼哈乡,巴古乡,巴普镇,瓦古乡,拉木阿觉乡,觉洛乡,龙门乡,依果觉乡,候古莫乡,合姑洛乡,乐约乡,树窝乡,九口乡,哈洛乡,子威乡,尔合乡,拖木乡,柳洪乡,洒库乡,炳途乡,瓦西乡,候播乃拖乡,竹库乡,苏洛乡,采红乡,龙窝乡,峨曲古乡,依洛拉达乡,洛俄依甘乡,洛莫依达乡,典补乡,农作乡,牛牛坝乡,井叶特西乡

凉山彝族自治州美姑县下辖区域坐标

{"佐戈依达乡":[103.03924838211336,28.31844770358283],"尔其乡":[103.10864369867875,28.1638533032706],"尼哈乡":[103.04000066163002,28.49896835191305],"巴古乡":[103.09314887039977,28.26941069775143],"巴普镇":[103.12448580516181,28.33167439803526],"瓦古乡":[103.15471833656439,28.178425609675],"拉木阿觉乡":[103.10756382170857,28.12021280347362],"觉洛乡":[103.12498463740701,28.39162615053237],"龙门乡":[103.10709982920723,28.4601402484812],"依果觉乡":[103.09065349947038,28.61940743428762],"候古莫乡":[102.94399124879155,28.34204816082998],"合姑洛乡":[103.19176457420049,28.29813888543676],"乐约乡":[103.26714192025189,28.11116392706587],"树窝乡":[103.26951581284497,28.70543585664962],"九口乡":[103.03263094567482,28.18372448369664],"哈洛乡":[103.00183783627327,28.43638816970553],"子威乡":[103.07092655541344,28.20877544762204],"尔合乡":[102.92380711572702,28.27201809458805],"拖木乡":[103.06937063494986,28.4022574189503],"柳洪乡":[103.20841841824154,28.1507037778162],"洒库乡":[103.11684530644285,28.54516965293786],"炳途乡":[103.02702214400497,28.5781422689406],"瓦西乡":[103.19478792305233,28.53290152603697],"候播乃拖乡":[102.92812403088413,28.43516191423191],"竹库乡":[102.93900053955309,28.2222957752429],"苏洛乡":[102.93690083793385,28.56622951363244],"采红乡":[102.94187423745475,28.39121298096555],"龙窝乡":[103.15308879330209,28.7177007648978],"峨曲古乡":[103.07968349706431,28.5003140055853],"依洛拉达乡":[103.06542159147975,28.2554828007649],"洛俄依甘乡":[103.04386212630337,28.09867593869432],"洛莫依达乡":[103.12552308807895,28.06986070946369],"典补乡":[103.02742241642548,28.37509029708312],"农作乡":[103.14162480990075,28.26544613551387],"牛牛坝乡":[102.99349042155536,28.25262491750701],"井叶特西乡":[103.19506792426647,28.41131867263494]}

凉山彝族自治州美姑县行政划分代码

[{"name":"佐戈依达乡","code":""},{"name":"尔其乡","code":""},{"name":"尼哈乡","code":""},{"name":"巴古乡","code":""},{"name":"巴普镇","code":"513436100000"},{"name":"瓦古乡","code":""},{"name":"拉木阿觉乡","code":""},{"name":"觉洛乡","code":"513436200000"},{"name":"龙门乡","code":"513436229000"},{"name":"依果觉乡","code":""},{"name":"候古莫乡","code":""},{"name":"合姑洛乡","code":"513436202000"},{"name":"乐约乡","code":""},{"name":"树窝乡","code":""},{"name":"九口乡","code":"513436217000"},{"name":"哈洛乡","code":""},{"name":"子威乡","code":""},{"name":"尔合乡","code":""},{"name":"拖木乡","code":""},{"name":"柳洪乡","code":"513436221000"},{"name":"洒库乡","code":"513436231000"},{"name":"炳途乡","code":""},{"name":"瓦西乡","code":""},{"name":"候播乃拖乡","code":""},{"name":"竹库乡","code":""},{"name":"苏洛乡","code":""},{"name":"采红乡","code":""},{"name":"龙窝乡","code":""},{"name":"峨曲古乡","code":"513436225000"},{"name":"依洛拉达乡","code":""},{"name":"洛俄依甘乡","code":"513436218000"},{"name":"洛莫依达乡","code":""},{"name":"典补乡","code":"513436208000"},{"name":"农作乡","code":""},{"name":"牛牛坝乡","code":""},{"name":"井叶特西乡","code":"513436201000"}]

说明

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

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

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

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

凉山彝族自治州美姑县echarts地图效果实例和threejs地图效果实例下载

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