随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理汉中市汉台区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
汉台区,隶属于陕西省汉中市,位于汉中市中部,南临汉水与南郑县隔江相望,西隔褒河与勉县相邻,东连城固县以洪沟河为界,北靠秦岭与留坝县接壤,区域面积556平方千米,是汉中市的政治经济文化中心。截至2022年10月,汉台区下辖8个街道、7个镇。2021年,汉台区常住人口62.05万人。
echarts汉中市汉台区geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts汉中市汉台区geoJson地图自定义label样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts汉中市汉台区geoJson地图飞线图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
threejs汉中市汉台区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话,可以观看threejs教程视频 Three.js前端3D可视化
threejs汉中市汉台区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs汉中市汉台区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
汉中市汉台区 下辖有 中山街街道,东关街道,汉中路街道,东大街街道,铺镇,汉王镇,七里街道,北关街道,鑫源街道,龙江街道,宗营镇,徐望镇,武乡镇,老君镇,河东店镇
汉中市汉台区下辖区域坐标
{"中山街街道":[107.03301267863401,33.06182506383865],"东关街道":[107.04714589856624,33.06549170258903],"汉中路街道":[107.00638264080186,33.06326950700978],"东大街街道":[107.02352081031619,33.07890417609308],"铺镇":[107.13042303728307,33.10388301707988],"汉王镇":[107.10047404354785,33.22439726070108],"七里街道":[107.0739269029409,33.07539574277536],"北关街道":[107.01398490487821,33.09607766465265],"鑫源街道":[106.99461484576366,33.12152636520834],"龙江街道":[106.96329178324208,33.11967510860349],"宗营镇":[106.97939030696014,33.18276274774273],"徐望镇":[107.11979338427187,33.1572265239908],"武乡镇":[107.05469297168148,33.22585277202171],"老君镇":[107.05799981049785,33.1287572576905],"河东店镇":[106.95760180827261,33.26346820571246]}
汉中市汉台区行政划分代码
[{"name":"中山街街道","code":"610702004000"},{"name":"东关街道","code":"610702005000"},{"name":"汉中路街道","code":"610702003000"},{"name":"东大街街道","code":"610702002000"},{"name":"铺镇","code":"610702100000"},{"name":"汉王镇","code":"610702106000"},{"name":"七里街道","code":"610702008000"},{"name":"北关街道","code":"610702001000"},{"name":"鑫源街道","code":"610702006000"},{"name":"龙江街道","code":"610702009000"},{"name":"宗营镇","code":"610702104000"},{"name":"徐望镇","code":"610702107000"},{"name":"武乡镇","code":"610702101000"},{"name":"老君镇","code":"610702105000"},{"name":"河东店镇","code":"610702102000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示