随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理乌兰察布市商都县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
商都县位于 内蒙古自治区 中部,乌兰察布市 东北部,辖6个镇、4个乡,总面积4353平方公里。平均海拔1400多米,年降雨量300毫米左右。境内资源富集、能源充足、交通便捷。现已探明的矿产资源有20多种,其中石英石、石灰石、萤石、硅藻土、白泥、高岭土、长石、二氧化碳气田等储量较大,通过地质勘查发现金、银铅锌等金属矿产具有良好的开发前景。风、光资源丰富,发展风电、光伏发电产业优势明显;全县具备了高中低所有等级送电网络,电力供应充足;县政府所在地七台镇是“张库大道”(张家口—蒙古乌兰巴托)的第七个驿站,距张家口市180公里,距北京市380公里,距呼和浩特市220公里,距二连浩特市280公里,是北接蒙古,东连京津冀地区的重要交通枢纽,也是塞外高原通往东北三省的一个节点重镇。根据第七次人口普查数据,截至2020年11月1日零时,商都县常住人口为173926人。
echarts乌兰察布市商都县geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts乌兰察布市商都县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts乌兰察布市商都县geoJson地图迁徙图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
threejs乌兰察布市商都县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果对threejs感兴趣,可以观看threejs视频课程 Three.js前端3D可视化教程
threejs乌兰察布市商都县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs乌兰察布市商都县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
乌兰察布市商都县 下辖有 卯都乡,大库伦乡,玻璃忽镜乡,三大顷乡,十八顷镇,七台镇,小海子镇,屯垦队镇,西井子镇,大黑沙土镇
乌兰察布市商都县下辖区域坐标
{"卯都乡":[113.61924126486777,41.99119655066158],"大库伦乡":[113.39121735773504,42.01665505850619],"玻璃忽镜乡":[113.70824748443339,41.77545642643555],"三大顷乡":[113.40448405721162,41.51637543354988],"十八顷镇":[113.82396001706826,41.60939457086488],"七台镇":[113.58002623089986,41.55354667138492],"小海子镇":[113.77495715502243,41.41771246683739],"屯垦队镇":[113.48357511468967,41.75753198975477],"西井子镇":[113.29463444349327,41.81647874740229],"大黑沙土镇":[114.08230077085639,41.62291695406923]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。