在可视化数据大屏的项目执行过程中,我们频繁需要使用echarts来渲染地图。为了便于快速呈现不同城市的视觉效果,我们已将各类城市的echarts地图效果进行了归纳整理,以供大家参考。今天,我们特别为大家带来了长治市潞城区的echarts地图以及threejs地图的实例展示。这些地图均是基于geoJson数据进行绘制的。
潞城区,长治市下辖的一个区域,坐落在山西省东南部,太行山脉的西麓,上党盆地的东北端,与襄垣县以山脉为界,东北方向与黎城县隔河相望,东南方向则与平顺县的山谷交错。该区总面积达615平方公里。依据第七次全国人口普查的数据,截至2020年11月1日零点,潞城区的常住人口统计为219,256人。
echarts展示的长治市潞城区geoJson地图,点击地图即可获取相应的经纬度信息。
在使用echarts地图进行渲染后,我们有时需点击地图以获取其经纬度数据,进而依据这些数据查询相关信息。为此长治市地图,我们可以利用convertFromPixel函数来获取所需的经纬度信息。
echarts长治市潞城区geoJson地图迁徙图
ECharts迁徙图示例中,用户可根据个人需求,自行调整飞行线条的色泽、尺寸及朝向。
echarts长治市潞城区geoJson地图水滴状气泡图
在echarts地图渲染过程中,会利用一个类似水滴的小气泡将数值展示在地图之上,我们则可以通过scatter功能来达到预期的视觉效果。
长治市潞城区的threejs地理信息JSON地图呈现为3D效果,其边界以红色线条勾勒,并伴有闪烁的警报提示。
运用threejs技术制作三维地图,通过outlinePass技术打造出发光的边缘闪烁效果,以此达到警报提示的目的。若想全面掌握threejs,不妨观看相关的视频教程,例如3D可视化Three.js视频教程。
使用three.js技术,在长治市潞城区制作了一个geoJson格式的3D地图,并为其添加了自定义的贴图,同时加入了CSS2D标签进行标注。
利用threejs技术构建三维地图,同时嵌入CSS2D标签,并附加个性化的纹理图案。
采用three.js技术,在长治市潞城区制作了基于geoJson数据的3D地图,并运用CSS2D技术进行了外观美化,同时加入了旋转效果的棱锥元素。
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
长治市潞城区涵盖了史回乡、黄牛蹄乡、合室乡、翟店镇、潞华街道、店上镇、微子镇、辛安泉镇以及成家川街道等行政区域。这些区域包括史回乡、黄牛蹄乡、合室乡、翟店镇、潞华街道、店上镇、微子镇、辛安泉镇和成家川街道。
长治市潞城区下辖区域坐标
史回乡位于坐标113.1380477408588,纬度36.3664998392902;黄牛蹄乡的坐标是113.38467600465063,纬度为36.32455722770428;合室乡的地理坐标为113.22545845449655,纬度是36.40861607998433;翟店镇的具体位置在113.16630653360586,纬度为36.29373157346474;潞华街道的坐标点为113.2211187791552,纬度是36.32969787874359;店上镇的地理坐标为113.07577122837978,纬度为36.4252098889631;微子镇的坐标为113.31939697374531,纬度是36.35740792160267;辛安泉镇的地理坐标为113.31251574088688,纬度为36.42330352119278;成家川街道的坐标点为113.29613263768937,纬度是36.28595012801738。
长治市潞城区行政划分代码
史回乡、黄牛蹄乡、合室乡、翟店镇、潞华街道、店上镇、微子镇、辛安泉镇、成家川街道,这些地名及其代码分别为:黄牛蹄乡的代码是140406201000,潞华街道的代码是140406001000,店上镇的代码是140406100000,微子镇的代码是140406101000,辛安泉镇的代码是140406102000,成家川街道的代码是140406002000。
说明
依据《地图审核管理规定》以及《互联网地图服务专业标准》等相关法律法规,本地图不宜用于国界线划定等特定用途。在使用过程中,请参照《中华人民共和国地图编制出版管理条例》及各地相应的地图编制出版管理措施,遵循规定的程序进行操作。
该数据集在市场上属于较为完备且精确的类型长治市地图,其属性信息全面,众多高等学府的科研工作都依赖于这一数据集。
本数据专供echarts threejs地图效果的演示使用。
长治市潞城区提供echarts地图效果案例及threejs地图效果案例的下载服务。