数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是抚州市临川区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts抚州市临川区geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts抚州市临川区geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts抚州市临川区geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
threejs抚州市临川区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs视频教程 WebGL 3D可视化教程
threejs抚州市临川区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
抚州市临川区 下辖有 湖南乡,青云街道,七里岗垦殖场,东馆镇,云山镇,唱凯镇,大岗镇,孝桥镇,嵩湖乡,抚北镇,桐源乡,河埠乡,温泉镇,罗针镇,连城乡,青泥镇,高坪镇,鹏田乡,龙溪镇,七里岗乡,上顿渡镇,城西街道,文昌街道,钟岭街道,六水桥街道,荣山垦殖场,太阳镇,秋溪镇,展坪乡,崇岗镇,腾桥镇,荆公路街道,罗湖镇,开发区,茅排乡,荣山镇,西大街街道
抚州市临川区下辖区域坐标
{"湖南乡":[116.4289903691664,27.98576955593332],"青云街道":[116.35707615620336,27.97580175568436],"七里岗垦殖场":[116.41561216833324,28.02633040003366],"东馆镇":[116.44994516570614,27.82296125723351],"云山镇":[116.29631631316998,28.19813289087322],"唱凯镇":[116.31036294610945,28.11844002426211],"大岗镇":[116.14395823832947,28.17143073298687],"孝桥镇":[116.34305431010371,28.04103396515061],"嵩湖乡":[116.49267398145022,27.88918537083143],"抚北镇":[116.29297103508483,28.00689378929134],"桐源乡":[116.18825570843487,28.06858479583531],"河埠乡":[116.37853891783146,27.78653210435872],"温泉镇":[116.23407834696198,27.97816235734617],"罗针镇":[116.25171019371523,28.12472573730427],"连城乡":[116.30954442529156,27.860958164174],"青泥镇":[116.60149986135596,27.81024154109294],"高坪镇":[116.12185324800942,27.9386593947456],"鹏田乡":[116.58477250337569,27.7530437861024],"龙溪镇":[116.29366132067051,27.73598818799213],"七里岗乡":[116.45044559231319,28.0269173118463],"上顿渡镇":[116.27383171399157,27.93983995109373],"城西街道":[116.34442668733894,27.98526767836982],"文昌街道":[116.35360231540724,28.00129021680156],"钟岭街道":[116.38195356593536,27.92881828503383],"六水桥街道":[116.34842478675371,28.00454816020925],"荣山垦殖场":[116.46029348663907,27.72134933006711],"太阳镇":[116.47577542718676,28.07002140273662],"秋溪镇":[116.27973529421521,27.83871690558838],"展坪乡":[116.2604892405453,28.03991041840334],"崇岗镇":[116.38036498018768,27.88535044133384],"腾桥镇":[116.50939794724522,27.78797915472626],"荆公路街道":[116.35765095697035,27.99442336802964],"罗湖镇":[116.37599336302915,28.0948248800576],"开发区":[116.27847776284483,28.02993602099698],"茅排乡":[116.48037342869644,27.59972636838066],"荣山镇":[116.41462049414542,27.68224052475964],"西大街街道":[116.34713440265882,27.99119288215079]}
抚州市临川区行政划分代码
[{"name":"湖南乡","code":"361002203000"},{"name":"青云街道","code":"361002001000"},{"name":"七里岗垦殖场","code":"361002401000"},{"name":"东馆镇","code":"361002113000"},{"name":"云山镇","code":"361002108000"},{"name":"唱凯镇","code":"361002109000"},{"name":"大岗镇","code":"361002107000"},{"name":"孝桥镇","code":"361002116000"},{"name":"嵩湖乡","code":"361002205000"},{"name":"抚北镇","code":"361002117000"},{"name":"桐源乡","code":"361002202000"},{"name":"河埠乡","code":"361002208000"},{"name":"温泉镇","code":"361002101000"},{"name":"罗针镇","code":"361002110000"},{"name":"连城乡","code":"361002201000"},{"name":"青泥镇","code":"361002115000"},{"name":"高坪镇","code":"361002102000"},{"name":"鹏田乡","code":"361002206000"},{"name":"龙溪镇","code":"361002105000"},{"name":"七里岗乡","code":"361002204000"},{"name":"上顿渡镇","code":"361002100000"},{"name":"城西街道","code":"361002091000"},{"name":"文昌街道","code":"361002005000"},{"name":"钟岭街道","code":"361002092000"},{"name":"六水桥街道","code":"361002004000"},{"name":"荣山垦殖场","code":"361002400000"},{"name":"太阳镇","code":"361002112000"},{"name":"秋溪镇","code":"361002103000"},{"name":"展坪乡","code":""},{"name":"崇岗镇","code":"361002190000"},{"name":"腾桥镇","code":"361002114000"},{"name":"荆公路街道","code":"361002003000"},{"name":"罗湖镇","code":"361002111000"},{"name":"开发区","code":""},{"name":"茅排乡","code":"361002207000"},{"name":"荣山镇","code":"361002104000"},{"name":"西大街街道","code":"361002002000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看