echarts吉安市吉水县geoJson地图tooltip自定义html实例代码

geoJson2 yekong

可视化数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是吉安市吉水县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

echarts吉安市吉水县geoJson地图tooltip自定义html

echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.

echarts吉安市吉水县geoJson地图tooltip自定义html

echarts吉安市吉水县geoJson地图迁徙图

echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向

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地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份

threejs吉安市吉水县geoJson地图3d地图CSS3D标签

吉安市吉水县 下辖有 八都镇,冠山乡,双村镇,尚贤乡,文峰镇,枫江镇,水南镇,水田乡,白水镇,白沙镇,盘谷镇,螺田镇,醪桥镇,金滩镇,吉水县工业园区,阜田镇,黄桥镇,丁江镇,乌江镇

吉安市吉水县下辖区域坐标

{"八都镇":[115.2359348853486,27.45053918838038],"冠山乡":[115.46005217283349,27.09498195955031],"双村镇":[115.22220993087151,27.38939173228169],"尚贤乡":[114.96881065540936,27.35432260095413],"文峰镇":[115.14983986074839,27.17478255997549],"枫江镇":[115.02575925778794,27.38841189260815],"水南镇":[115.29215759689689,26.97446588927979],"水田乡":[115.12641703629781,27.41729004076146],"白水镇":[115.3706902018229,27.09368542853293],"白沙镇":[115.44567567582442,26.96415583439855],"盘谷镇":[115.01680583337117,27.4660850294903],"螺田镇":[115.54795338828202,26.99065457629353],"醪桥镇":[115.16871390964437,27.32356772219912],"金滩镇":[115.0718025666053,27.27026602815018],"吉水县工业园区":[115.17178776975592,27.31728504037178],"阜田镇":[114.92302936306325,27.47716497035188],"黄桥镇":[115.01444080132,27.30661892240182],"丁江镇":[115.27799455162217,27.15368916519519],"乌江镇":[115.24997605649716,27.24494942134371]}

吉安市吉水县行政划分代码

[{"name":"八都镇","code":"360822106000"},{"name":"冠山乡","code":"360822202000"},{"name":"双村镇","code":"360822107000"},{"name":"尚贤乡","code":"360822200000"},{"name":"文峰镇","code":"360822100000"},{"name":"枫江镇","code":"360822103000"},{"name":"水南镇","code":"360822114000"},{"name":"水田乡","code":"360822201000"},{"name":"白水镇","code":"360822111000"},{"name":"白沙镇","code":"360822110000"},{"name":"盘谷镇","code":"360822102000"},{"name":"螺田镇","code":"360822109000"},{"name":"醪桥镇","code":"360822108000"},{"name":"金滩镇","code":"360822105000"},{"name":"吉水县工业园区","code":"360822400000"},{"name":"阜田镇","code":"360822101000"},{"name":"黄桥镇","code":"360822104000"},{"name":"丁江镇","code":"360822112000"},{"name":"乌江镇","code":"360822113000"}]

说明

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

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

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

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

吉安市吉水县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts吉安市吉水县geoJson地图tooltip自定义html实例代码