大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是天水市张家川回族自治县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
张家川回族自治县,甘肃省 天水市 辖自治县,位于甘肃省东南部、天水市东北部,地处六盘山南延地段、陇山西麓,属温带大陆性季风气候,毗邻5个县(市),总面积1311.8平方千米。截至2022年10月,张家川回族自治县辖10个镇、5个乡。截至2021年末,张家川回族自治县常住人口为24.4万人。
echarts天水市张家川回族自治县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts天水市张家川回族自治县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts天水市张家川回族自治县geoJson地图自定义颜色
threejs天水市张家川回族自治县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs教程视频 Three.js视频教程3D可视化
threejs天水市张家川回族自治县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs天水市张家川回族自治县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放
天水市张家川回族自治县 下辖有 刘堡乡,大阳乡,川王乡,平安乡,张棉乡,恭门镇,木河乡,梁山乡,胡川乡,连五乡,阎家乡,马关乡,马鹿乡,龙山镇,张家川镇
天水市张家川回族自治县下辖区域坐标
{"刘堡乡":[106.24794820008889,35.06135605420943],"大阳乡":[106.09837249914025,34.97275167747706],"川王乡":[106.16544632856778,35.0890266064321],"平安乡":[106.33289797260149,35.04520072760414],"张棉乡":[106.26778631235763,35.12040370907425],"恭门镇":[106.34127559594069,34.95684678941051],"木河乡":[106.15266123030676,35.02540174330082],"梁山乡":[105.96834634561701,35.0741218083983],"胡川乡":[106.14463322813162,34.93134522392682],"连五乡":[106.10990635537385,35.10241715532311],"阎家乡":[106.35710766658588,34.91822173902629],"马关乡":[106.03896934003578,35.0747840798099],"马鹿乡":[106.48283654248209,34.86108810673311],"龙山镇":[106.05472028268817,35.03061781800376],"张家川镇":[106.21582249892037,34.98848504481241]}
天水市张家川回族自治县行政划分代码
[{"name":"刘堡乡","code":""},{"name":"大阳乡","code":""},{"name":"川王乡","code":""},{"name":"平安乡","code":"620525213000"},{"name":"张棉乡","code":"620525202000"},{"name":"恭门镇","code":"620525102000"},{"name":"木河乡","code":"620525204000"},{"name":"梁山乡","code":""},{"name":"胡川乡","code":""},{"name":"连五乡","code":"620525209000"},{"name":"阎家乡","code":"620525214000"},{"name":"马关乡","code":""},{"name":"马鹿乡","code":""},{"name":"龙山镇","code":"620525101000"},{"name":"张家川镇","code":"620525100000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。