大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是南阳市镇平县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
镇平县,隶属河南省南阳市,位于河南省西南部,南阳盆地西北侧,伏牛山南麓。东依南阳市卧龙区,南邻邓州市,西接内乡县,北连南召县,总面积1494平方千米。截至2019年,镇平县总人口104.94万人。共有32个民族,其中少数民族31个,共6.87万人,占总人口6.3%。截至2021年10月,镇平县下辖3个街道、15个镇、4个乡。
echarts南阳市镇平县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts南阳市镇平县geoJson地图飞线图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts南阳市镇平县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
threejs南阳市镇平县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话,可以观看threejs视频课程 Three.js前端3D可视化教程
threejs南阳市镇平县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs视频教程 Three.js前端3D可视化
threejs南阳市镇平县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs视频教程 3D可视化Three.js视频教程
南阳市镇平县下辖有侯集镇,卢医镇,晁陂镇,贾宋镇,玉都街道,二龙乡,张林镇,彭营镇,曲屯镇,杨营镇,王岗乡,枣园镇,老庄镇,遮山镇,马庄乡,高丘镇,安字营镇,柳泉铺镇,涅阳街道,石佛寺镇,雪枫街道,郭庄回族乡
南阳市镇平县下辖区域坐标
{"侯集镇":[112.22078501024947,32.93249695467073],"卢医镇":[112.02701651688923,33.10937133867959],"晁陂镇":[112.10891034625897,33.03488285656184],"贾宋镇":[112.06488132031708,32.9579950268491],"玉都街道":[112.21951511829138,33.07611049840024],"二龙乡":[112.18899214901602,33.24206274047174],"张林镇":[112.15105538727425,32.91745333040056],"彭营镇":[112.35055074138339,32.94918659826504],"曲屯镇":[112.01637427305032,33.05374486258953],"杨营镇":[112.15959330828593,32.99092836101397],"王岗乡":[112.09810344604375,33.09403183172454],"枣园镇":[112.0226787936772,32.96533287506909],"老庄镇":[112.27716217405026,33.16623777242087],"遮山镇":[112.35572347886307,33.01523409870752],"马庄乡":[112.06965782456415,32.90015207662806],"高丘镇":[112.08803777936353,33.22346265285304],"安字营镇":[112.27800823841918,32.94097164697023],"柳泉铺镇":[112.32391948088613,33.05444743988373],"涅阳街道":[112.22385378922012,33.03839563030422],"石佛寺镇":[112.16041175020581,33.10380158445571],"雪枫街道":[112.23783617816642,33.01275470012924],"郭庄回族乡":[112.21890326749696,32.87768368044675]}