随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理大同市云州区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
云州区,隶属于 山西省 大同市,位于山西省北部,西与本市新荣区、平城区、云冈区接壤,东北与阳高县毗邻,南、西南与浑源县、怀仁市相接。总面积1478平方千米。根据第七次人口普查数据,截至2020年11月1日零时,云州区常住人口为151087人。
echarts大同市云州区geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts大同市云州区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts大同市云州区geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
threejs大同市云州区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣,可以观看threejs视频 Three.js前端3D可视化
threejs大同市云州区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs大同市云州区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
大同市云州区 下辖有 湖东街道,瓜园乡,西坪镇,倍加造镇,经济技术开发区,峰峪乡,党留庄乡,巨乐乡,杜庄乡,许堡乡,东街街道,吉家庄乡,周士庄镇,西街街道,湖东街道,瓜园乡,西坪镇,倍加造镇,经济技术开发区,峰峪乡,党留庄乡,巨乐乡,杜庄乡,许堡乡,东街街道,吉家庄乡,周士庄镇,西街街道
大同市云州区下辖区域坐标
{"湖东街道":[113.4662691646854,39.99796604614927],"瓜园乡":[113.61588309864845,39.99202876443664],"西坪镇":[113.58435546422034,40.07604690600864],"倍加造镇":[113.4494969677275,40.06047475247755],"经济技术开发区":[],"峰峪乡":[113.63421799628678,39.90911166434856],"党留庄乡":[113.41601142468909,39.99241292890292],"巨乐乡":[113.60434338289846,40.16165276875543],"杜庄乡":[113.47155032316124,39.93228953411779],"许堡乡":[113.76210706707818,39.97984936749356],"东街街道":[113.61214388498594,40.0353382614895],"吉家庄乡":[113.44011976919231,39.80631398817292],"周士庄镇":[113.47518421653356,40.15070703188336],"西街街道":[113.59964554110272,40.03539454124002]}
大同市云州区行政划分代码
[{"name":"湖东街道","code":""},{"name":"瓜园乡","code":""},{"name":"西坪镇","code":"140215100000"},{"name":"倍加造镇","code":"140215101000"},{"name":"经济技术开发区","code":""},{"name":"峰峪乡","code":"140215202000"},{"name":"党留庄乡","code":"140215205000"},{"name":"巨乐乡","code":""},{"name":"杜庄乡","code":"140215204000"},{"name":"许堡乡","code":"140215211000"},{"name":"东街街道","code":""},{"name":"吉家庄乡","code":"140215201000"},{"name":"周士庄镇","code":"140215102000"},{"name":"西街街道","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。