随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理固原市隆德县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
隆德县，隶属宁夏回族自治区固原市。位于六盘山西麓、宁南边陲，介于北纬35°21'—35°47'、东经105°48'—106°15'之间。居于银川、西安、兰州三省会（首府）城市之中，312国道纵贯东西，青兰高速穿境而过。东望关陕，西眺河洮，南走秦州，北通宁朔；襟带秦凉，拥卫西辅，有“关陇锁钥”之称。南北长47公里，东西宽41公里，全县幅员面积991平方公里。截至2020年11月，隆德县辖3镇10乡，根据第七次人口普查数据，隆德县常住人口为109451人，县政府驻城关镇。
echarts固原市隆德县geoJson地图迁徙图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts固原市隆德县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts固原市隆德县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
threejs固原市隆德县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果对threejs感兴趣，可以观看threejs课程视频 WebGL/Three.js前端高薪3D可视化
threejs固原市隆德县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
threejs固原市隆德县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
固原市隆德县 下辖有 城关镇,凤岭乡,好水乡,山河乡,张程乡,杨河乡,沙塘镇,观庄乡,陈靳乡,奠安乡,温堡乡,神林乡,联财镇,六盘山街道
固原市隆德县下辖区域坐标
{"城关镇":[106.12208860516938,35.62566490998113],"凤岭乡":[106.04007170208774,35.52895451397816],"好水乡":[106.10483695541878,35.66946277125295],"山河乡":[106.18465941883753,35.5441150456665],"张程乡":[105.92769752981027,35.63227238987444],"杨河乡":[106.00055238984608,35.66553123876114],"沙塘镇":[106.0195592899874,35.58529954524428],"观庄乡":[106.10489055744566,35.73182135359478],"陈靳乡":[106.1499453674487,35.57079162085467],"奠安乡":[],"温堡乡":[],"神林乡":[105.9079520289305,35.5800293133417],"联财镇":[105.85618503126605,35.54502824268427],"六盘山街道":[106.12195238377487,35.61548922900521]}
固原市隆德县行政划分代码
[{"name":"城关镇","code":"640423100000"},{"name":"凤岭乡","code":"640423206000"},{"name":"好水乡","code":"640423201000"},{"name":"山河乡","code":"640423207000"},{"name":"张程乡","code":"640423205000"},{"name":"杨河乡","code":"640423203000"},{"name":"沙塘镇","code":"640423101000"},{"name":"观庄乡","code":"640423202000"},{"name":"陈靳乡","code":"640423200000"},{"name":"奠安乡","code":"640423209000"},{"name":"温堡乡","code":"640423208000"},{"name":"神林乡","code":"640423204000"},{"name":"联财镇","code":"640423102000"},{"name":"六盘山街道","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
