数据大屏可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理凉山彝族自治州金阳县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts凉山彝族自治州金阳县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts凉山彝族自治州金阳县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts凉山彝族自治州金阳县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
threejs凉山彝族自治州金阳县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果想系统的学习threejs的话,可以观看threejs视频 3D可视化Three.js视频教程
threejs凉山彝族自治州金阳县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
threejs凉山彝族自治州金阳县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
凉山彝族自治州金阳县 下辖有 青松乡,谷德乡,老寨子乡,芦稿镇,放马坪乡,洛觉乡,依达乡,则祖乡,南瓦乡,基觉乡,寨子乡,桃坪乡,红峰乡,红联乡,热柯觉乡,马依足乡,依莫合乡,天地坝镇,小银木乡,尔觉西乡,热水河乡,高峰乡,丙底乡,丝窝乡,向岭乡,土沟乡,对坪镇,山江乡,德溪乡,春江乡,木府乡,梗堡乡,派来镇,甲依乡
凉山彝族自治州金阳县下辖区域坐标
{"青松乡":[103.07384078981161,27.54084077040277],"谷德乡":[103.41701284409461,27.85296362772132],"老寨子乡":[103.34085121326513,27.74401651327218],"芦稿镇":[103.18896854366852,27.54485873996303],"放马坪乡":[103.05065587362444,27.48826281918471],"洛觉乡":[103.40254293463823,27.78426582548499],"依达乡":[103.11509753737977,27.90922494368468],"则祖乡":[103.12530460059602,27.61531925499441],"南瓦乡":[103.09730566288667,27.82854481385224],"基觉乡":[103.08692223968522,27.68603541302104],"寨子乡":[103.15503661356608,27.6590131379331],"桃坪乡":[103.2443106284968,27.63736683422784],"红峰乡":[103.31298662707187,27.76311573074284],"红联乡":[103.12126548978888,27.50359615103861],"热柯觉乡":[103.18788445590135,27.77512477471923],"马依足乡":[103.28508785414249,27.68726159242682],"依莫合乡":[103.11393371354899,27.75064601784302],"天地坝镇":[103.24683779395875,27.71581562601498],"小银木乡":[103.07605195937023,27.60172795416517],"尔觉西乡":[103.24285775580883,27.82163811114307],"热水河乡":[103.27291152785473,27.61962932021363],"高峰乡":[103.31708262125343,27.83508830935767],"丙底乡":[103.1734801463152,27.89278216846045],"丝窝乡":[103.14669042414579,27.80114365897641],"向岭乡":[103.4349068889656,27.81539390803236],"土沟乡":[103.08489368216613,27.78416655302199],"对坪镇":[103.06735910731189,27.43261039344075],"山江乡":[102.98982138753163,27.41252923835725],"德溪乡":[103.38231195149666,27.72305071820823],"春江乡":[103.14520008544677,27.46582692489241],"木府乡":[103.20742606156857,27.61760522053223],"梗堡乡":[102.99692565770502,27.43645201971192],"派来镇":[103.15326762303037,27.56278645594943],"甲依乡":[103.18251755236845,27.67090510326576]}
凉山彝族自治州金阳县行政划分代码
[{"name":"青松乡","code":"513430214000"},{"name":"谷德乡","code":""},{"name":"老寨子乡","code":""},{"name":"芦稿镇","code":"513430102000"},{"name":"放马坪乡","code":""},{"name":"洛觉乡","code":""},{"name":"依达乡","code":""},{"name":"则祖乡","code":""},{"name":"南瓦乡","code":""},{"name":"基觉乡","code":"513430210000"},{"name":"寨子乡","code":""},{"name":"桃坪乡","code":""},{"name":"红峰乡","code":""},{"name":"红联乡","code":""},{"name":"热柯觉乡","code":""},{"name":"马依足乡","code":""},{"name":"依莫合乡","code":""},{"name":"天地坝镇","code":"513430100000"},{"name":"小银木乡","code":"513430211000"},{"name":"尔觉西乡","code":""},{"name":"热水河乡","code":"513430201000"},{"name":"高峰乡","code":""},{"name":"丙底乡","code":""},{"name":"丝窝乡","code":""},{"name":"向岭乡","code":""},{"name":"土沟乡","code":""},{"name":"对坪镇","code":"513430103000"},{"name":"山江乡","code":"513430217000"},{"name":"德溪乡","code":""},{"name":"春江乡","code":""},{"name":"木府乡","code":""},{"name":"梗堡乡","code":""},{"name":"派来镇","code":"513430101000"},{"name":"甲依乡","code":"513430206000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看