可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理吕梁市孝义市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
孝义市,山西省 辖县级市,由 吕梁市 代管,位于山西省腹地偏西,吕梁山脉中段东麓,太原盆地西南缘,地跨东经111°21′~111°56′、北纬36°56′30″~37°18′45″,北与汾阳市毗邻,西北与中阳县相依,西与交口县接壤,南与灵石县相连,东南与介休市隔汾河相望,市境总面积945.8平方千米,为温带季风气候,冬寒夏暑,四季分明。截至2022年末,全市下辖5个街道、8个镇、3个乡,截至2021年末,全市常住人口479074人。
echarts吕梁市孝义市geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts吕梁市孝义市geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts吕梁市孝义市geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
threejs吕梁市孝义市geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs视频教程 Three.js前端3D可视化
threejs吕梁市孝义市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放
threejs吕梁市孝义市geoJson地图3d地图
通过threejs绘制的3d地图实例
吕梁市孝义市 下辖有 梧桐镇,崇文街道,振兴街道,高阳镇,东许街道,大孝堡乡,中阳楼街道,杜村乡,柱濮镇,驿马乡,阳泉曲镇,新义街道,南阳乡,兑镇镇,下堡镇,下栅乡,西辛庄镇,梧桐镇,崇文街道,振兴街道,高阳镇,东许街道,大孝堡乡,中阳楼街道,杜村乡,柱濮镇,驿马乡,阳泉曲镇,新义街道,南阳乡,兑镇镇,下堡镇,下栅乡,西辛庄镇
吕梁市孝义市下辖区域坐标
{"梧桐镇":[111.82043315897813,37.07201851059099],"崇文街道":[111.7639200611469,37.16482497604425],"振兴街道":[111.84816505661954,37.15672817112504],"高阳镇":[111.69319096246903,37.13818836071204],"东许街道":[111.72683376771855,37.07754956084372],"大孝堡乡":[111.87725048088859,37.10642817468989],"中阳楼街道":[111.81114622102984,37.12915735817917],"杜村乡":[111.49775403339355,37.24496252742935],"柱濮镇":[111.6244148025362,37.04337713672635],"驿马乡":[111.63631828746738,37.0035814288557],"阳泉曲镇":[111.51802305249814,37.10311335285526],"新义街道":[111.7640535748697,37.12695860103711],"南阳乡":[111.45195323373261,37.20392626436494],"兑镇镇":[111.62699627886131,37.10014973778929],"下堡镇":[111.57184229107858,37.15222461270717],"下栅乡":[],"西辛庄镇":[111.50905838715433,37.02742907272639]}
吕梁市孝义市行政划分代码
[{"name":"梧桐镇","code":"141181105000"},{"name":"崇文街道","code":"141181005000"},{"name":"振兴街道","code":"141181003000"},{"name":"高阳镇","code":"141181104000"},{"name":"东许街道","code":""},{"name":"大孝堡乡","code":""},{"name":"中阳楼街道","code":"141181002000"},{"name":"杜村乡","code":"141181204000"},{"name":"柱濮镇","code":"141181106000"},{"name":"驿马乡","code":"141181202000"},{"name":"阳泉曲镇","code":"141181101000"},{"name":"新义街道","code":"141181001000"},{"name":"南阳乡","code":""},{"name":"兑镇镇","code":"141181100000"},{"name":"下堡镇","code":"141181102000"},{"name":"下栅乡","code":"141181201000"},{"name":"西辛庄镇","code":"141181103000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。