数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理定西市渭源县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
渭源县隶属于 甘肃省 定西市,渭源县位于甘肃省中部,定西市中西部,县城距省会兰州140公里,距陇海铁路陇西站55公里,地理坐标为东经104°02′~104°49′,北纬33°26′~35°07′,渭源县总面积2065平方公里。根据第七次人口普查数据,截至2020年11月1日零时,渭源县常住人口277608人。
echarts定西市渭源县geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts定西市渭源县geoJson地图飞线图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts定西市渭源县geoJson地图自定义label样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
threejs定西市渭源县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs视频教程 WebGL/Three.js前端3D可视化教程
threejs定西市渭源县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs定西市渭源县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小
定西市渭源县 下辖有 上湾乡,五竹镇,会川镇,北寨镇,大安乡,峡城乡,庆坪乡,新寨镇,清源镇,秦祁乡,莲峰镇,路园镇,锹峪乡,田家河乡,祁家庙乡,麻家集镇
定西市渭源县下辖区域坐标
{"上湾乡":[103.94845315586262,35.1826021396317],"五竹镇":[104.07706071368523,35.02627119563356],"会川镇":[104.01482182200891,35.02595327640937],"北寨镇":[104.32489137776736,35.25228021782689],"大安乡":[104.39555131089676,35.31712666833214],"峡城乡":[103.86578329119342,35.01277004844412],"庆坪乡":[104.1034191941275,35.21225519156398],"新寨镇":[104.18890716813907,35.29941106272727],"清源镇":[104.21515170790914,35.14252920859774],"秦祁乡":[104.2742702791338,35.34509678305291],"莲峰镇":[104.25777460202099,34.99520708079818],"路园镇":[104.31365064499704,35.12746465409753],"锹峪乡":[104.1877682219015,35.03586212334573],"田家河乡":[103.9272517452404,35.05943525154134],"祁家庙乡":[],"麻家集镇":[103.84996520909324,35.10504520260821]}
定西市渭源县行政划分代码
[{"name":"上湾乡","code":""},{"name":"五竹镇","code":"621123103000"},{"name":"会川镇","code":"621123102000"},{"name":"北寨镇","code":"621123105000"},{"name":"大安乡","code":"621123203000"},{"name":"峡城乡","code":"621123209000"},{"name":"庆坪乡","code":""},{"name":"新寨镇","code":"621123106000"},{"name":"清源镇","code":"621123100000"},{"name":"秦祁乡","code":"621123204000"},{"name":"莲峰镇","code":"621123101000"},{"name":"路园镇","code":"621123104000"},{"name":"锹峪乡","code":""},{"name":"田家河乡","code":"621123210000"},{"name":"祁家庙乡","code":""},{"name":"麻家集镇","code":"621123107000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。