# Visualizing Data with Leaflet
https://kayannr.github.io/Leafleft-Web-Map/USGS/index.html
## Background
![1-Logo](USGS/static/images/1-Logo.png)
The USGS (United States Geological Survey) is responsible for providing scientific data about natural hazards, the health of our ecosystems and environment; and the impacts of climate and land-use change. They collect a massive amount of data from all over the world each day. This project creates a web map that displays the data gathered from the USGS website.
## Tasks Completed
1. **Gather data set**
![3-Data](USGS/static/images/3-Data.png)
The USGS provides earthquake data in a number of different formats, updated every 5 minutes. The [USGS GeoJSON Feed](http://earthquake.usgs.gov/earthquakes/feed/v1.0/geojson.php) page provides the URL of the JSON to pull in the data for the visualization.
![4-JSON](USGS/static/images/4-JSON.png)
2. **Import & Visualize the Data**
The Leaflet maps that plot all of the earthquakes from the data set based on their longitude and latitude are displayed below. The features of the maps include:
> * Data markers that reflect the magnitude of the earthquake in their size and color. Earthquakes with higher magnitudes appear larger and darker in color.
> * Popups that provide additional information about the earthquake when a marker is clicked.
> * A legend that provide context for the map data.
* **Map 1**
![1-map](USGS/static/images/sattelitePNG.PNG)
* **Map 2**
![2-map](USGS/static/images/dark.PNG)
* **Map 3**
![3-map](USGS/static/images/light.PNG)
* **Map 4**
![4-map](USGS/static/images/light2.PNG)
没有合适的资源?快使用搜索试试~ 我知道了~
Leafleft-Web-Map:一种Web地图,该地图使用基于GeoJSON经度和纬度的传单可视化USGS地震数据和构造板块
共12个文件
png:7个
js:2个
css:1个
需积分: 15 1 下载量 142 浏览量
2021-03-01
19:05:58
上传
评论
收藏 12.91MB ZIP 举报
温馨提示
用传单可视化数据 背景 USGS(美国地质调查局)负责提供有关自然灾害,我们的生态系统和环境健康的科学数据; 以及气候和土地利用变化的影响。 他们每天从世界各地收集大量数据。 该项目将创建一个网络地图,其中显示了从USGS网站收集的数据。 任务完成 收集数据集 USGS提供了多种不同格式的地震数据,每5分钟更新一次。 页面提供JSON的URL,以获取用于可视化的数据。 导入和可视化数据 下面显示了根据地震的经度和纬度绘制数据集中所有地震的传单地图。 这些地图的功能包括: 反映地震震级大小和颜色的数据标记。 强度较大的地震的颜色看起来更大而更暗。 单击标记时提供有关地震的其他信息的弹出窗口。 为地图数据提供上下文的图例。 地图1 地图2 地图3 地图4
资源详情
资源评论
资源推荐
收起资源包目录
Leafleft-Web-Map-master.zip (12个子文件)
Leafleft-Web-Map-master
USGS
index.html 1KB
static
images
dark.PNG 1.27MB
light2.PNG 1.62MB
1-Logo.png 119KB
sattelitePNG.PNG 8.02MB
light.PNG 1.61MB
3-Data.png 328KB
4-JSON.png 62KB
js
config.js 124B
logic.js 6KB
css
style.css 383B
README.md 2KB
共 12 条
- 1
mckaywrigley
- 粉丝: 54
- 资源: 4718
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0