数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理吉安市吉安县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts吉安市吉安县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts吉安市吉安县geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts吉安市吉安县geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
threejs吉安市吉安县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果想系统的学习threejs的话，可以观看threejs课程视频 Three.js前端3D可视化
threejs吉安市吉安县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs吉安市吉安县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
吉安市吉安县 下辖有 吉安高新技术产业园区,天河镇,凤凰镇,北源乡,固江镇,大冲乡,安塘乡,敖城镇,敦厚镇,桐坪镇,梅塘镇,横江镇,永和镇,高新街道,万福镇,官田乡,指阳乡,永阳镇,油田镇,浬田镇,登龙乡,井冈山经济技术开发区
吉安市吉安县下辖区域坐标
{"吉安高新技术产业园区":[114.90972940587864,26.98963928415139],"天河镇":[114.49181035422984,27.00872181072659],"凤凰镇":[114.95256161856197,26.9551665713],"北源乡":[114.89684870597881,27.35451405616821],"固江镇":[114.78775645601162,27.20905264496962],"大冲乡":[114.8122291832209,27.32303627429435],"安塘乡":[114.65079240162356,27.00325282565847],"敖城镇":[114.53556589845783,26.94564098004385],"敦厚镇":[114.87186830795898,27.02808703011974],"桐坪镇":[114.8993682572539,27.26521487786788],"梅塘镇":[114.77227356229986,27.09784413743299],"横江镇":[114.85438748671045,26.95525121150905],"永和镇":[115.00392769610386,27.0136717896658],"高新街道":[114.97141473573052,27.01788420912636],"万福镇":[114.85060125526297,27.41178263773981],"官田乡":[114.63215177733701,27.08403891894583],"指阳乡":[114.59940059411151,26.89088989094177],"永阳镇":[114.7221540643167,26.93562244189542],"油田镇":[114.80273130702221,27.53693867496379],"浬田镇":[114.6993939885557,27.21126183281947],"登龙乡":[114.7547321943118,27.00655691043623],"井冈山经济技术开发区":[114.93973182533799,27.02295074670333]}
吉安市吉安县行政划分代码
[{"name":"吉安高新技术产业园区","code":"360821400000"},{"name":"天河镇","code":"360821102000"},{"name":"凤凰镇","code":"360821108000"},{"name":"北源乡","code":"360821200000"},{"name":"固江镇","code":"360821104000"},{"name":"大冲乡","code":"360821201000"},{"name":"安塘乡","code":"360821205000"},{"name":"敖城镇","code":"360821110000"},{"name":"敦厚镇","code":"360821100000"},{"name":"桐坪镇","code":"360821107000"},{"name":"梅塘镇","code":"360821111000"},{"name":"横江镇","code":"360821103000"},{"name":"永和镇","code":"360821106000"},{"name":"高新街道","code":"360821001000"},{"name":"万福镇","code":"360821105000"},{"name":"官田乡","code":"360821206000"},{"name":"指阳乡","code":"360821207000"},{"name":"永阳镇","code":"360821101000"},{"name":"油田镇","code":"360821109000"},{"name":"浬田镇","code":"360821112000"},{"name":"登龙乡","code":"360821204000"},{"name":"井冈山经济技术开发区","code":"360821401000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
