随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理吴忠市同心县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
同心县,隶属宁夏回族自治区吴忠市,地处鄂尔多斯台地与黄土高原北部的衔接地带,中心位置约在北纬36°58′48″,东经105°54′24″,总面积4433.34平方千米。同心属典型的温带大陆性气候。2021年末,同心县户籍人口387657人。截至2021年10月,同心县辖7个镇、4个乡。县人民政府驻豫海镇。
echarts吴忠市同心县geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts吴忠市同心县geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts吴忠市同心县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
threejs吴忠市同心县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话,可以观看threejs视频教程 3D可视化Three.js视频教程
threejs吴忠市同心县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs吴忠市同心县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
吴忠市同心县 下辖有 下马关镇,张家塬乡,田老庄乡,马高庄乡,河西镇,王团镇,韦州镇,预旺镇,丁塘镇,兴隆乡,豫海镇
吴忠市同心县下辖区域坐标
{"下马关镇":[106.48392046835289,37.10787132846951],"张家塬乡":[106.33600387203684,36.707698597198],"田老庄乡":[106.20261190803866,37.01684627996228],"马高庄乡":[106.49489452937752,36.85766084553426],"河西镇":[105.83434037978105,37.15313350381018],"王团镇":[106.0873275040856,36.76250572999935],"韦州镇":[106.47017690391783,37.25927908389036],"预旺镇":[106.29044893384287,36.85953518254539],"丁塘镇":[105.90953405193052,37.0248001596112],"兴隆乡":[105.81294972840374,36.88731419589553],"豫海镇":[105.95540884599143,36.97592009091795]}
吴忠市同心县行政划分代码
[{"name":"下马关镇","code":"640324103000"},{"name":"张家塬乡","code":"640324203000"},{"name":"田老庄乡","code":"640324201000"},{"name":"马高庄乡","code":"640324202000"},{"name":"河西镇","code":"640324101000"},{"name":"王团镇","code":"640324105000"},{"name":"韦州镇","code":"640324102000"},{"name":"预旺镇","code":"640324104000"},{"name":"丁塘镇","code":"640324106000"},{"name":"兴隆乡","code":"640324204000"},{"name":"豫海镇","code":"640324100000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看