echarts广安市武胜县geoJson地图 tooltip轮播演示实例

geoJson2 yekong

数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理广安市武胜县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

echarts广安市武胜县geoJson地图 tooltip轮播

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

echarts广安市武胜县geoJson地图 tooltip轮播

echarts广安市武胜县geoJson地图水滴状气泡图

echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.

echarts广安市武胜县geoJson地图水滴状气泡图

echarts广安市武胜县geoJson地图全局颜色渐变

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

echarts广安市武胜县geoJson地图全局颜色渐变

threejs广安市武胜县geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话,可以观看threejs课程视频 Three.js 3D可视化

threejs广安市武胜县geoJson地图3d地图鼠标移入显示标签并高亮

threejs广安市武胜县geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名

threejs广安市武胜县geoJson地图3d地图css2d标签

广安市武胜县 下辖有 双星乡,白坪乡,礼安镇,旧县乡,万善镇,三溪镇,八一乡,华封镇,鼓匠乡,万隆镇,中心镇,乐善镇,新学乡,永胜乡,烈面镇,猛山乡,沿口镇,高石乡,清平镇,真静乡,石盘乡,胜利镇,街子镇,赛马镇,金光乡,金牛镇,飞龙镇,鸣钟乡,龙女镇,龙庭乡,宝箴塞乡

广安市武胜县下辖区域坐标

{"双星乡":[106.3583028192774,30.33880954679365],"白坪乡":[106.39273025065744,30.38128766484407],"礼安镇":[106.13099052436411,30.4647901309002],"旧县乡":[106.28505849571854,30.30161744540395],"万善镇":[106.12427057071439,30.37270907706983],"三溪镇":[106.33588305997012,30.44499146204407],"八一乡":[106.04645069924362,30.48819055703579],"华封镇":[106.23184260081845,30.3468037307133],"鼓匠乡":[106.27380540242983,30.42191620382552],"万隆镇":[106.12377782660087,30.33015123020744],"中心镇":[106.25004008528246,30.26981998639139],"乐善镇":[106.40384828720966,30.30460990644757],"新学乡":[106.17894072726202,30.31575962477931],"永胜乡":[106.34930447667728,30.28466505982444],"烈面镇":[106.10115065687526,30.49137297214639],"猛山乡":[106.41262596660442,30.36043211918132],"沿口镇":[106.28732835819878,30.3549609473633],"高石乡":[105.97097262618445,30.44571367805372],"清平镇":[106.19815194160734,30.24686013074082],"真静乡":[106.25471836917403,30.21060245508158],"石盘乡":[106.2193576873217,30.41854860493988],"胜利镇":[106.03284101152721,30.40548899597712],"街子镇":[106.31016064499283,30.26552027915411],"赛马镇":[106.00405134816678,30.44559388579901],"金光乡":[106.14678523270072,30.42290368080462],"金牛镇":[106.10065492727165,30.41912284248086],"飞龙镇":[106.39248346578506,30.43008502552089],"鸣钟乡":[106.32659733864386,30.39568034582556],"龙女镇":[106.17703936285326,30.3809393089063],"龙庭乡":[106.38497081545977,30.26221380448418],"宝箴塞乡":[106.06970023203463,30.36414315553421]}

广安市武胜县行政划分代码

[{"name":"双星乡","code":"511622203000"},{"name":"白坪乡","code":""},{"name":"礼安镇","code":"511622114000"},{"name":"旧县乡","code":""},{"name":"万善镇","code":"511622105000"},{"name":"三溪镇","code":"511622107000"},{"name":"八一乡","code":""},{"name":"华封镇","code":"511622115000"},{"name":"鼓匠乡","code":"511622208000"},{"name":"万隆镇","code":"511622113000"},{"name":"中心镇","code":"511622101000"},{"name":"乐善镇","code":"511622104000"},{"name":"新学乡","code":""},{"name":"永胜乡","code":""},{"name":"烈面镇","code":"511622102000"},{"name":"猛山乡","code":"511622202000"},{"name":"沿口镇","code":"511622100000"},{"name":"高石乡","code":""},{"name":"清平镇","code":"511622111000"},{"name":"真静乡","code":"511622201000"},{"name":"石盘乡","code":""},{"name":"胜利镇","code":"511622109000"},{"name":"街子镇","code":"511622112000"},{"name":"赛马镇","code":"511622108000"},{"name":"金光乡","code":""},{"name":"金牛镇","code":"511622110000"},{"name":"飞龙镇","code":"511622103000"},{"name":"鸣钟乡","code":""},{"name":"龙女镇","code":"511622106000"},{"name":"龙庭乡","code":""},{"name":"宝箴塞乡","code":""}]

说明

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

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

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

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

广安市武胜县echarts地图效果实例和threejs地图效果实例下载

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