publiclab / leaflet-environmental-layers

Collection of different environmental map layers in an easy to use Leaflet library, similar to https://github.com/leaflet-extras/leaflet-providers#leaflet-providers
https://publiclab.github.io/leaflet-environmental-layers/example/
GNU General Public License v3.0
99 stars 77 forks source link

Sea level rise layers #122

Open jywarren opened 5 years ago

jywarren commented 5 years ago

There are a few sources of this kind of data but here's one!

http://citizeneyes.org/app/

crisner commented 4 years ago

@neelesh17, you may need to do some research to get the URL to get the data. You may give this a try. 😃

neelesh17 commented 4 years ago

@crisner , I found this site (https://datahub.io/core/sea-level-rise) it provides us the Global Mean Sea Level Data for different years. Would you take a look.

crisner commented 4 years ago

Nice find! This is awesome!

neelesh17 commented 4 years ago

So, whats do we do next.

crisner commented 4 years ago

Next, you'll need to find out what kind of data they provide and make a leaflet layer with that data. You can take a look at the layers in the src folder to get an idea. You may notice the layer types are different. Please go through leafletjs's documentation for more information on the layer types. You can first try the layer out in the 'example/layers.js' which is used in index.html. In case you need clarification or if you are stuck feel free to reach out. Good luck! 😀

neelesh17 commented 4 years ago

Actually my exam are going on .So, Is it okay if i begin the work after 3-4 days.

crisner commented 4 years ago

Sure @neelesh17! You can begin after its done. All the best for your exams!

neelesh17 commented 4 years ago

Thankyou @crisner. I'll start working on this from today.

crisner commented 4 years ago

Great! Hope your exams went well.

neelesh17 commented 4 years ago

Yeah! they went great. Thankyou for asking.

neelesh17 commented 4 years ago

Hey @crisner I am not sure how to start building the layer.I went through the website that provides the data and they provide an average of a perticular years sea level rise. Could you please guide me to the next step.

crisner commented 4 years ago

Sure. What is the data format they are providing? And do they have an API URL or de we download the data? Could you share a link to the page you were looking at? Thanks!

neelesh17 commented 4 years ago

Well, they provide us with both the option we can either fetch that data from the url or we can download it in csv format and they provide the data in json format in the url. This is the website url (https://datahub.io/core/sea-level-rise). They also provide us with a example snapshot on how to fetch the data.

crisner commented 4 years ago

You could try fetching the data as they've documented here https://datahub.io/core/sea-level-rise#javascript. Then check if you could get the marker information and the information needed for the popups. After that, you could look into the layercode.js file or create a new Leaflet LayerGroup. You could take a look at this discussion about using CSV data here - https://github.com/publiclab/leaflet-environmental-layers/issues/285. If you find this task hard you could take a look at the other issues which may be easier to work on.

neelesh17 commented 4 years ago

Sorry @crisner for replying so late i wasn't feeling well. And i am not finding the task hard ,i just wasn't sure where to start.

crisner commented 4 years ago

No problem! 😄 Hope you are feeling better. I just wanted to put it out there that you are free to take up another issue if you found this one hard to figure out. :)

neelesh17 commented 4 years ago

Hey @crisner i think we should go with the csv file instead of the url.Now what i could get from the discussion in issue #285 about csv is thet first i have to convert the csv to json and then make a pr to gh-pages repo in order to host it in publiclab.

neelesh17 commented 4 years ago

@crisner can you please take a look at this data (https://data.world/noaa/sea-level-trends/workspace/file?filename=USStationsLinearSeaLevelTrends.csv).

crisner commented 4 years ago

Took a look at it. Its nice that they have also shown an implementation of using the data on a map. If you think it is best to convert csv to json as it was suggested in the other issue you could give that a try and tag @sagarpreet-chadha to host the data on Public Lab or you could try the JavaScript method mentioned in datahub.io

neelesh17 commented 4 years ago

@sagarpreet-chadha Could you please host the data for this layer i made a pr #445 to the gh-pages for this on 12-03-2020.

sagarpreet-chadha commented 4 years ago

Done , please check now 👍

neelesh17 commented 4 years ago

Thankyou @sagarpreet-chadha.

daemon1024 commented 3 years ago

I believe this issue has been resolved via #445, so this can be closed :)