数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理庆阳市镇原县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
镇原县,隶属 甘肃省 庆阳市,位于甘肃省东部,庆阳市西南部,是国家级贫困县、陕甘宁革命老区重要组成部分、六盘山连片扶贫开发重点县之一。东临庆城县、西峰区,西接宁夏回族自治区固原市彭阳县,南界平凉市泾川县、崆峒区,北靠庆阳市环县。南北长91.2千米,东西宽78.3千米,总面积3506平方千米。截至2020年6月,镇原县下辖13镇、6乡,根据第七次人口普查数据,截至2020年11月1日零时,镇原县常住人口361206人。
echarts庆阳市镇原县geoJson地图label样式自定义
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts庆阳市镇原县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts庆阳市镇原县geoJson地图根据经纬度显示自定义html弹窗
echarts地图我们可以通过像素坐标来将我们自定义的html弹窗定位到echarts地图指定位置,如果是固定的宽高的话,这没什么问题直接定位就可以了,如果是自适应宽高的地图我们可能没办法控制精度,我们可以使用经纬度来控制,当echarts地图渲染完成以后,我们可以通过convertToPixel将经纬度转为像素坐标,然后再渲染自定义弹窗,这样精度就比较准确了,而且也不会因为窗体宽高变化而导致弹窗出现偏移.
threejs庆阳市镇原县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果对threejs感兴趣,可以观看threejs课程视频 Three.js 3D可视化
threejs庆阳市镇原县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs庆阳市镇原县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
庆阳市镇原县 下辖有 屯字镇,平泉镇,庙渠乡,开边镇,新城乡,新集乡,方山乡,武沟乡,郭原乡,马渠乡,殷家城乡,三岔镇,上肖乡,中原乡,临泾乡,南川乡,城关镇,太平镇,孟坝镇
庆阳市镇原县下辖区域坐标
{"屯字镇":[107.38532835329063,35.57230724952249],"平泉镇":[107.09747685452083,35.61089923732262],"庙渠乡":[107.10631243773638,35.89429765839664],"开边镇":[107.06549581102189,35.78102940524487],"新城乡":[106.88448403302898,35.64034169368406],"新集乡":[107.384887892878,35.86950284115203],"方山乡":[107.22764472454105,35.99210134719259],"武沟乡":[106.9534195450296,35.84403449579587],"郭原乡":[106.97105650282288,35.74464371684926],"马渠乡":[106.97342974019939,35.96279969803895],"殷家城乡":[106.93225482850562,36.1829824784745],"三岔镇":[107.07152334446843,36.04772072441907],"上肖乡":[107.51801275366392,35.52956207348758],"中原乡":[107.08317004956353,35.52283821143183],"临泾乡":[107.28381092340689,35.70876919348257],"南川乡":[107.19859175124182,35.58585815469576],"城关镇":[107.19261830248334,35.65469166488624],"太平镇":[107.42461366262714,35.7185682538519],"孟坝镇":[107.24378986419018,35.84610129884772]}
庆阳市镇原县行政划分代码
[{"name":"屯字镇","code":"621027101000"},{"name":"平泉镇","code":"621027104000"},{"name":"庙渠乡","code":""},{"name":"开边镇","code":"621027105000"},{"name":"新城乡","code":""},{"name":"新集乡","code":""},{"name":"方山乡","code":"621027204000"},{"name":"武沟乡","code":"621027208000"},{"name":"郭原乡","code":"621027209000"},{"name":"马渠乡","code":""},{"name":"殷家城乡","code":"621027205000"},{"name":"三岔镇","code":"621027103000"},{"name":"上肖乡","code":""},{"name":"中原乡","code":"621027210000"},{"name":"临泾乡","code":""},{"name":"南川乡","code":"621027201000"},{"name":"城关镇","code":"621027100000"},{"name":"太平镇","code":"621027106000"},{"name":"孟坝镇","code":"621027102000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。