大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是锡林郭勒盟锡林浩特市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
锡林浩特市,内蒙古自治区 辖县级市,由 锡林郭勒盟 代管,位于内蒙古自治区中部、锡林郭勒盟中部,为锡林郭勒盟政治、经济、文化和交通中心,地处内蒙古高原中部,属中温带半干旱大陆性气候,毗邻5个旗,总面积14785平方千米。截至2022年10月,锡林浩特市辖8个街道、1个镇、3个苏木,另辖4个乡级单位。根据第七次人口普查数据,截至2020年11月1日零时,锡林浩特市常住人口为349953人。
echarts锡林郭勒盟锡林浩特市geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts锡林郭勒盟锡林浩特市geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts锡林郭勒盟锡林浩特市geoJson地图迁徙图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
threejs锡林郭勒盟锡林浩特市geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话,可以观看threejs视频课程 WebGL/Three.js前端高薪3D可视化
threejs锡林郭勒盟锡林浩特市geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs锡林郭勒盟锡林浩特市geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
锡林郭勒盟锡林浩特市 下辖有 锡林郭勒盟经济技术开发区,杭盖街道,毛登牧场,宝力根街道,楚古兰街道,额尔敦街道,贝力克牧场,南郊街道,巴彦宝拉格苏木乡,朝克乌拉苏木乡,阿尔善宝拉格镇,巴彦查干街道,希日塔拉街道,白音库伦牧场,巴彦锡勒街道乡,宝力根苏木乡
锡林郭勒盟锡林浩特市下辖区域坐标
{"锡林郭勒盟经济技术开发区":[116.00712101577261,43.92728491338301],"杭盖街道":[116.10317201936876,43.99142547197125],"毛登牧场":[116.38409778702268,44.22046333366919],"宝力根街道":[116.0168539952804,43.97203921135785],"楚古兰街道":[116.15038041667194,43.96593295400617],"额尔敦街道":[116.16650274650785,43.95780183053969],"贝力克牧场":[116.14299934871738,43.5930069759445],"南郊街道":[116.17821411315944,43.90873543142725],"巴彦宝拉格苏木乡":[115.95141403076849,44.37738170608318],"朝克乌拉苏木乡":[116.44619921742793,44.2075952062596],"阿尔善宝拉格镇":[115.71529235530403,44.54928647846201],"巴彦查干街道":[116.08435623238262,43.88885830802424],"希日塔拉街道":[116.07481225916365,43.92681794387202],"白音库伦牧场":[116.35258861322754,43.2861405162687],"巴彦锡勒街道乡":[116.60180607864928,43.79636663246934],"宝力根苏木乡":[115.86523582050965,43.92308369506441]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。