echarts绵阳市游仙区geoJson地图点击弹出自定义弹窗代码演示

geoJson2 yekong

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

echarts绵阳市游仙区geoJson地图点击弹出自定义弹窗

我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.

echarts绵阳市游仙区geoJson地图点击弹出自定义弹窗

echarts绵阳市游仙区geoJson地图点击地图获取经纬度

echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.

echarts绵阳市游仙区geoJson地图点击地图获取经纬度

echarts绵阳市游仙区geoJson地图热力图

echarts通过heatmap实现热力图效果

echarts绵阳市游仙区geoJson地图热力图

threejs绵阳市游仙区geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果对threejs感兴趣,可以观看threejs课程视频 WebGL/Three.js前端3D可视化教程

threejs绵阳市游仙区geoJson地图3d地图css2d标签

threejs绵阳市游仙区geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁

threejs绵阳市游仙区geoJson地图3d地图指定区域闪烁

绵阳市游仙区 下辖有 游仙镇,华丰街道,柏林镇,建华乡,石板镇,观太乡,街子乡,富乐街道,刘家镇,徐家镇,东宣乡,东林乡,云凤乡,凤凰乡,太平乡,忠兴镇,梓棉乡,新桥镇,朝真乡,松垭镇,沉抗镇,玉河镇,白蝉乡,石马镇,魏城镇,四川省新华劳动教育管理所,小枧沟镇,春雷街道,松林街道,涪江街道

绵阳市游仙区下辖区域坐标

{"游仙镇":[104.78130956262848,31.52972022808441],"华丰街道":[104.7595584479281,31.51124660699524],"柏林镇":[104.96452433935525,31.63924544140863],"建华乡":[104.86682093862024,31.45380618522771],"石板镇":[104.95290824313008,31.48818119186775],"观太乡":[104.93177441088565,31.43894264711927],"街子乡":[104.84284203365249,31.58560443520447],"富乐街道":[104.77702588997639,31.47265586366832],"刘家镇":[105.02536431046983,31.45530820509373],"徐家镇":[105.01482251769599,31.58614017844742],"东宣乡":[105.02648829213412,31.50379847075902],"东林乡":[104.75163108813365,31.59845306030262],"云凤乡":[104.80485340328451,31.62340304637077],"凤凰乡":[104.84557092787618,31.67978701637987],"太平乡":[104.91611417019868,31.66338501161698],"忠兴镇":[104.86782959739537,31.62447378443334],"梓棉乡":[105.00915622604404,31.4009057899167],"新桥镇":[104.8345048645576,31.56210474635923],"朝真乡":[104.98993060423479,31.68597527337545],"松垭镇":[104.84633449981496,31.38829524685742],"沉抗镇":[104.8681111446492,31.52288018095044],"玉河镇":[105.09496998606791,31.4112301501589],"白蝉乡":[105.05806339637309,31.37572199527766],"石马镇":[104.72718577014258,31.56071078883892],"魏城镇":[104.9502210887116,31.54974889841239],"四川省新华劳动教育管理所":[104.82685051577249,31.44897015507525],"小枧沟镇":[104.81949747440746,31.44492132314043],"春雷街道":[104.7449923446469,31.51705308656117],"松林街道":[104.75825448347447,31.49583754683128],"涪江街道":[104.7607828615692,31.47257837121723]}

绵阳市游仙区行政划分代码

[{"name":"游仙镇","code":""},{"name":"华丰街道","code":""},{"name":"柏林镇","code":""},{"name":"建华乡","code":""},{"name":"石板镇","code":""},{"name":"观太乡","code":""},{"name":"街子乡","code":""},{"name":"富乐街道","code":"510704003000"},{"name":"刘家镇","code":""},{"name":"徐家镇","code":""},{"name":"东宣乡","code":""},{"name":"东林乡","code":""},{"name":"云凤乡","code":""},{"name":"凤凰乡","code":""},{"name":"太平乡","code":""},{"name":"忠兴镇","code":"510704106000"},{"name":"梓棉乡","code":""},{"name":"新桥镇","code":"510704102000"},{"name":"朝真乡","code":""},{"name":"松垭镇","code":"510704112000"},{"name":"沉抗镇","code":"510704105000"},{"name":"玉河镇","code":""},{"name":"白蝉乡","code":""},{"name":"石马镇","code":"510704101000"},{"name":"魏城镇","code":"510704104000"},{"name":"四川省新华劳动教育管理所","code":"510704400000"},{"name":"小枧沟镇","code":""},{"name":"春雷街道","code":""},{"name":"松林街道","code":""},{"name":"涪江街道","code":"510704001000"}]

说明

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

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

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

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

绵阳市游仙区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts绵阳市游仙区geoJson地图点击弹出自定义弹窗代码演示