PacIOOS projects using Open Source GIS for web...
Transcript of PacIOOS projects using Open Source GIS for web...
![Page 1: PacIOOS projects using Open Source GIS for web visualizationjmaurer/posters/Maurer_HIGICC_GIS_Expo_2018.pdf · PacIOOS projects using Open Source GIS for web visualization Fiona Langenberger,](https://reader033.fdocuments.in/reader033/viewer/2022041620/5e3e8eabd5833217a0334bbe/html5/thumbnails/1.jpg)
PacIOOS projects using Open Source GIS
for web visualization
Fiona Langenberger, Communications & Program Coordinator
John Maurer, Data System Engineer
![Page 2: PacIOOS projects using Open Source GIS for web visualizationjmaurer/posters/Maurer_HIGICC_GIS_Expo_2018.pdf · PacIOOS projects using Open Source GIS for web visualization Fiona Langenberger,](https://reader033.fdocuments.in/reader033/viewer/2022041620/5e3e8eabd5833217a0334bbe/html5/thumbnails/2.jpg)
U.S. INTEGRATED OCEAN OBSERVING SYSTEM
Regional Associations
IOOS is part of NOAA
(National Ocean Service)
11 Regional Associations
Stakeholder Driven
![Page 3: PacIOOS projects using Open Source GIS for web visualizationjmaurer/posters/Maurer_HIGICC_GIS_Expo_2018.pdf · PacIOOS projects using Open Source GIS for web visualization Fiona Langenberger,](https://reader033.fdocuments.in/reader033/viewer/2022041620/5e3e8eabd5833217a0334bbe/html5/thumbnails/3.jpg)
PacIOOS REGION
![Page 4: PacIOOS projects using Open Source GIS for web visualizationjmaurer/posters/Maurer_HIGICC_GIS_Expo_2018.pdf · PacIOOS projects using Open Source GIS for web visualization Fiona Langenberger,](https://reader033.fdocuments.in/reader033/viewer/2022041620/5e3e8eabd5833217a0334bbe/html5/thumbnails/4.jpg)
Data Management
PACIFIC ISLANDS OCEAN OBSERVING SYSTEM
What is PacIOOS?
Ocean Data Provider
Coastal & Ocean Observations
Coastal, Ocean & Atmospheric
Forecasts
PartnerData
MISSION - PacIOOS empowers ocean users and stakeholders throughout the Pacific Islands by providing
accurate and reliable coastal and ocean information, tools, and services that are easy to access and use.
Data Access & Visualization
![Page 5: PacIOOS projects using Open Source GIS for web visualizationjmaurer/posters/Maurer_HIGICC_GIS_Expo_2018.pdf · PacIOOS projects using Open Source GIS for web visualization Fiona Langenberger,](https://reader033.fdocuments.in/reader033/viewer/2022041620/5e3e8eabd5833217a0334bbe/html5/thumbnails/5.jpg)
PacIOOS WEBSITE
Introduction
http://pacioos.org
![Page 6: PacIOOS projects using Open Source GIS for web visualizationjmaurer/posters/Maurer_HIGICC_GIS_Expo_2018.pdf · PacIOOS projects using Open Source GIS for web visualization Fiona Langenberger,](https://reader033.fdocuments.in/reader033/viewer/2022041620/5e3e8eabd5833217a0334bbe/html5/thumbnails/6.jpg)
PacIOOS WEBSITE
Dynamic Data Plots
![Page 7: PacIOOS projects using Open Source GIS for web visualizationjmaurer/posters/Maurer_HIGICC_GIS_Expo_2018.pdf · PacIOOS projects using Open Source GIS for web visualization Fiona Langenberger,](https://reader033.fdocuments.in/reader033/viewer/2022041620/5e3e8eabd5833217a0334bbe/html5/thumbnails/7.jpg)
PARTNER DATA VISUALIZATION
Ocean Tipping Points
Provide partners with a ‘one-stop-
shop’ to share project information
Visualize project outcomes in a map
viewer
Provide data repository and public
access
![Page 8: PacIOOS projects using Open Source GIS for web visualizationjmaurer/posters/Maurer_HIGICC_GIS_Expo_2018.pdf · PacIOOS projects using Open Source GIS for web visualization Fiona Langenberger,](https://reader033.fdocuments.in/reader033/viewer/2022041620/5e3e8eabd5833217a0334bbe/html5/thumbnails/8.jpg)
PARTNER DATA VISUALIZATION
Estimated Coral Cover in Hawai‘i
![Page 9: PacIOOS projects using Open Source GIS for web visualizationjmaurer/posters/Maurer_HIGICC_GIS_Expo_2018.pdf · PacIOOS projects using Open Source GIS for web visualization Fiona Langenberger,](https://reader033.fdocuments.in/reader033/viewer/2022041620/5e3e8eabd5833217a0334bbe/html5/thumbnails/9.jpg)
PARTNER DATA VISUALIZATION
Hawai‘i Sea Level Rise Viewer
![Page 10: PacIOOS projects using Open Source GIS for web visualizationjmaurer/posters/Maurer_HIGICC_GIS_Expo_2018.pdf · PacIOOS projects using Open Source GIS for web visualization Fiona Langenberger,](https://reader033.fdocuments.in/reader033/viewer/2022041620/5e3e8eabd5833217a0334bbe/html5/thumbnails/10.jpg)
PacIOOS DATA MANAGEMENT
Putting Data To Use
USESending users to the data.
Sending data to the users.
vs.
![Page 11: PacIOOS projects using Open Source GIS for web visualizationjmaurer/posters/Maurer_HIGICC_GIS_Expo_2018.pdf · PacIOOS projects using Open Source GIS for web visualization Fiona Langenberger,](https://reader033.fdocuments.in/reader033/viewer/2022041620/5e3e8eabd5833217a0334bbe/html5/thumbnails/11.jpg)
SERVING DATA ON THE WEB
Web Services
![Page 12: PacIOOS projects using Open Source GIS for web visualizationjmaurer/posters/Maurer_HIGICC_GIS_Expo_2018.pdf · PacIOOS projects using Open Source GIS for web visualization Fiona Langenberger,](https://reader033.fdocuments.in/reader033/viewer/2022041620/5e3e8eabd5833217a0334bbe/html5/thumbnails/12.jpg)
SERVING DATA ON THE WEB
Web Services
aggregate
abstract
.nc
.tif.shp
WMS
WFS
OPeNDAP
REST = Representational State TransferAPI = Application Programming Interface
http://some.address.org/directory/filename.zip
http://some.address.org/give-me?dataset&place&time&format
![Page 13: PacIOOS projects using Open Source GIS for web visualizationjmaurer/posters/Maurer_HIGICC_GIS_Expo_2018.pdf · PacIOOS projects using Open Source GIS for web visualization Fiona Langenberger,](https://reader033.fdocuments.in/reader033/viewer/2022041620/5e3e8eabd5833217a0334bbe/html5/thumbnails/13.jpg)
SERVING DATA ON THE WEB
A House Divided
SHP TIF NC HDF
Montague Capulet“GIS” “Scientific”
![Page 14: PacIOOS projects using Open Source GIS for web visualizationjmaurer/posters/Maurer_HIGICC_GIS_Expo_2018.pdf · PacIOOS projects using Open Source GIS for web visualization Fiona Langenberger,](https://reader033.fdocuments.in/reader033/viewer/2022041620/5e3e8eabd5833217a0334bbe/html5/thumbnails/14.jpg)
SERVING DATA ON THE WEB
Web Services
aggregate
abstract
.nc
.tif.shp
WMS
WFS
OPeNDAP
REST = Representational State TransferAPI = Application Programming Interface
http://some.address.org/directory/filename.zip
http://some.address.org/give-me?dataset&place&time&format
![Page 15: PacIOOS projects using Open Source GIS for web visualizationjmaurer/posters/Maurer_HIGICC_GIS_Expo_2018.pdf · PacIOOS projects using Open Source GIS for web visualization Fiona Langenberger,](https://reader033.fdocuments.in/reader033/viewer/2022041620/5e3e8eabd5833217a0334bbe/html5/thumbnails/15.jpg)
SERVING DATA ON THE WEB
Building A Web Interface
One size fits all?
(One size fits some.)Case in point: Montagues and Capulets.
vs.
Made to order.
JavaScript + Python
![Page 16: PacIOOS projects using Open Source GIS for web visualizationjmaurer/posters/Maurer_HIGICC_GIS_Expo_2018.pdf · PacIOOS projects using Open Source GIS for web visualization Fiona Langenberger,](https://reader033.fdocuments.in/reader033/viewer/2022041620/5e3e8eabd5833217a0334bbe/html5/thumbnails/16.jpg)
SERVING DATA ON THE WEB
Web Mapping APIs
![Page 17: PacIOOS projects using Open Source GIS for web visualizationjmaurer/posters/Maurer_HIGICC_GIS_Expo_2018.pdf · PacIOOS projects using Open Source GIS for web visualization Fiona Langenberger,](https://reader033.fdocuments.in/reader033/viewer/2022041620/5e3e8eabd5833217a0334bbe/html5/thumbnails/17.jpg)
SERVING DATA ON THE WEB
Leaflet vs. Google Maps API
Native OGC support; easily ingest WMS and WFS.
No basemaps included; can import large variety with Leaflet-providers plug-in (OpenStreetMap, Esri, Stamen, CartoDB, HERE). Can import Google Maps basemaps using GoogleMutant plug-in but kinda klugey.
Third-party plug-ins for layer menus, etc.
No native OGC support; roll your own.
Best basemaps (fastest, highest res imagery).
Basemaps can be custom styled (see Styling Wizard and Snazzy Maps).
Not many plug-ins available, layer menu up to you.
Geocoder (query addresses) and elevation services.
Need to register for an account (access key) and follow usage constraints.
![Page 18: PacIOOS projects using Open Source GIS for web visualizationjmaurer/posters/Maurer_HIGICC_GIS_Expo_2018.pdf · PacIOOS projects using Open Source GIS for web visualization Fiona Langenberger,](https://reader033.fdocuments.in/reader033/viewer/2022041620/5e3e8eabd5833217a0334bbe/html5/thumbnails/18.jpg)
SERVING DATA ON THE WEB
Leaflet JavaScript
// Fisheries catch (Ocean Tipping Points):
var fishing = L.tileLayer.wms( 'http://geo.pacioos.hawaii.edu/geoserver/PACIOOS/gwc/service/wms',{layers: 'hi_otp_all_fishing',tiled: true, // pulls from GWC if available; otherwise, stores to GWC...version: '1.1.1',format: 'image/png',transparent: true,opacity: 0.75,
});
Raster Layer:// Bathymetry (HMRG 50-m):
var bathymetry = L.tileLayer.wms('http://oos.soest.hawaii.edu/thredds/wms/hmrg_bathy_50m_mhi'{layers: 'z' ,version: '1.1.1' ,styles: 'boxfill/bathy' ,format: 'image/png' ,transparent: true ,opacity: 0.75 ,
});
// Coastal erosion: year 2100 (Hawaii Sea Level Rise Viewer):
var shorehaz_2100_style = {weight: 3,color: '#FF0000’,opacity: 1.0
}
var shorehaz_2100 = new L.GeoJSON.AJAX( 'http://geo.pacioos.hawaii.edu/geoserver/PACIOOS/hi_hcgg_all_shorehazline_2100/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=hi_hcgg_all_shorehazline_2100&outputFormat=application/json',
{style: shorehaz_2100_style,onEachFeature: function ( feature, layer ) {
layer.bindTooltip( '<b>3.2 ft scenario</b>', { sticky: true } );},
});
Vector Layer: Polylines// Hospitals and health clinics (HNL C&C):
var hospital_icon = L.icon({iconUrl: '/images/slr/icons/hospitals.png',iconSize: [ 32, 32 ],iconAnchor: [ 16, 16 ]
});
var hospitals = new L.GeoJSON.AJAX('http://geo.pacioos.hawaii.edu/geoserver/PACIOOS/hi_hnlcc_oahu_hospitals/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=hi_hnclcc_oahu_hospitals&outputFormat=application/json',
{pointToLayer: function ( feature, latlng ) {
return L.marker( latlng, { icon: hospital_icon, riseOnHover: true } );},onEachFeature: function ( feature, layer ) {
var placename = feature.properties.NAME;layer.bindTooltip( '<b>' + placename + '</b>' );
}}
);
Vector Layer: Points// Community plan areas (SOHDOP):
var plan_area = new L.GeoJSON.AJAX('http://geodata.hawaii.gov/arcgis/rest/services/ParcelsZoning/MapServer/24/query? &geometry=-166.7944,15.2763,-148.3484,25.3142&geometryType=esriGeometryEnvelope&inSR=4326&outFields=*&returnGeometry=true&outSR=4326&f=geojson',
{style: devplan_style,onEachFeature: function ( feature, layer ) {
layer.bindTooltip( '<b>' + feature.properties.district + '</b>' );layer.on({
mouseover: highlightDevplans,mouseout: resetDevplans,click: function () {fitBounds( layer.getBounds().getSouth(), layer.getBounds().getWest(),
layer.getBounds().getNorth(), layer.getBounds().getEast() );}
});
}}
);
Vector Layer: Polygons
![Page 19: PacIOOS projects using Open Source GIS for web visualizationjmaurer/posters/Maurer_HIGICC_GIS_Expo_2018.pdf · PacIOOS projects using Open Source GIS for web visualization Fiona Langenberger,](https://reader033.fdocuments.in/reader033/viewer/2022041620/5e3e8eabd5833217a0334bbe/html5/thumbnails/19.jpg)
Thank you!
Any questions?
@PacIOOS
facebook.com/pacioos
http://pacioos.org
STAY CONNECTED