数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理汉中市南郑区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
南郑区,隶属于陕西省汉中市,位于陕西省西南边陲、汉中盆地西南部,北临汉江,南依巴山。区境东与陕西省城固县、西乡县毗连,南部与四川省通江县、南江县、旺苍县接壤,西部与陕西省宁强县、勉县为邻,北与陕西省汉台区隔江相望,总面积2809.0363平方千米。截至2022年10月,南郑区下辖2个街道、20个镇。截至2022年末,南郑区常住人口46.22万人。
echarts汉中市南郑区geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts汉中市南郑区geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts汉中市南郑区geoJson地图迁徙图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
threejs汉中市南郑区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习threejs的话,可以观看threejs课程视频 Three.js前端3D可视化
threejs汉中市南郑区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs汉中市南郑区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
汉中市南郑区 下辖有 阳春镇,高台镇,大河坎镇,小南海镇,牟家坝镇,胡家营镇,两河镇,协税镇,圣水镇,忍水镇,梁山镇,汉山镇,濂水镇,法镇,新集镇,湘水镇,碑坝镇,福成镇,红庙镇,青树镇,黄官镇,黎坪镇
汉中市南郑区下辖区域坐标
{"阳春镇":[106.89123960929614,33.06499568461914],"高台镇":[106.84211714992693,33.05150077719451],"大河坎镇":[107.00418119982527,32.99481815855813],"小南海镇":[107.00376451727189,32.78314674056377],"牟家坝镇":[107.01392139630184,32.90926142902427],"胡家营镇":[107.06614688830877,32.99228017280661],"两河镇":[106.72874567490385,32.89826978922601],"协税镇":[106.88448371074321,32.99248555091884],"圣水镇":[107.13245507785138,33.0527031792299],"忍水镇":[106.7753271385784,33.04963710734393],"梁山镇":[106.95075010086885,33.07873203391156],"汉山镇":[106.93684503805068,32.98790024405009],"濂水镇":[106.84560226883332,32.93699268001637],"法镇":[107.14689716324548,32.83426728710495],"新集镇":[106.78926206526921,32.99396667989415],"湘水镇":[],"碑坝镇":[107.18377359038091,32.6151403172234],"福成镇":[107.27292401315611,32.52560421888629],"红庙镇":[106.89617587161544,32.80586558942645],"青树镇":[106.91908806940249,32.92352508938464],"黄官镇":[106.77865931324988,32.81019416685814],"黎坪镇":[106.61492964341852,32.79656415692787]}
汉中市南郑区行政划分代码
[{"name":"阳春镇","code":"610703105000"},{"name":"高台镇","code":"610703106000"},{"name":"大河坎镇","code":"610703102000"},{"name":"小南海镇","code":"610703115000"},{"name":"牟家坝镇","code":"610703112000"},{"name":"胡家营镇","code":"610703120000"},{"name":"两河镇","code":"610703119000"},{"name":"协税镇","code":"610703103000"},{"name":"圣水镇","code":"610703101000"},{"name":"忍水镇","code":""},{"name":"梁山镇","code":"610703104000"},{"name":"汉山镇","code":""},{"name":"濂水镇","code":"610703108000"},{"name":"法镇","code":"610703113000"},{"name":"新集镇","code":"610703107000"},{"name":"湘水镇","code":"610703114000"},{"name":"碑坝镇","code":"610703116000"},{"name":"福成镇","code":"610703118000"},{"name":"红庙镇","code":"610703111000"},{"name":"青树镇","code":"610703110000"},{"name":"黄官镇","code":"610703109000"},{"name":"黎坪镇","code":"610703117000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示