Logo TIB AV-Portal Logo TIB AV-Portal

Real-time Scenario Planning with OpenLayers

Video in TIB AV-Portal: Real-time Scenario Planning with OpenLayers

Formal Metadata

Real-time Scenario Planning with OpenLayers
Title of Series
CC Attribution 3.0 Germany:
You are free to use, adapt and copy, distribute and transmit the work or content in adapted or unchanged form for any legal purpose as long as the work is attributed to the author in the manner specified by the author or licensor.
Release Date
Open Source Geospatial Foundation (OSGeo)
Production Year
Production Place
Portland, Oregon, United States of America

Content Metadata

Subject Area
Area-based planning processes are rapidly moving from paper and desktop GIS based processes to online applications offering real-time analysis and feedback. Users want an interactive and informative experience allowing them to generate reports and analysis without needing to understand the subtleties of GIS or spatial analysis. They expect a compelling user experience that works on a variety of platforms Ð ranging from old or outdated browsers to tablets and smart phones.Building from years of experience (and standing on many shoulders), this talk demonstrates some of the strategies and techniques achieved for the Marine Planner platform, an online open-source map viewer and decision support tool. These strategies include UTFGrids, tile caching, pre-processing, and standard and forked OpenLayer libraries, among others. The result is large-scale scenario planning tools with a responsive and compelling user-experience that anyone who has used online maps can figure out.
Keywords OpenLayers Scenario Planning Decision Support Tools Marine Planning Ocean Data
Building Decision support system ECos
Area Slide rule Group action Texture mapping Multiplication sign Feedback Mathematical analysis Mach's principle Lattice (order) Shape (magazine) Web browser Power (physics) Connected space Web application Process (computing) Computer animation Internetworking Videoconferencing Video game Conservation law Iteration Traffic reporting Library (computing)
Satellite Trail Game controller Open source State of matter Multiplication sign Real number Water vapor Open set Mereology Software bug Goodness of fit Computer configuration Traffic reporting YouTube Physical system Area Texture mapping Mapping Demo (music) Information Gradient Interactive television Staff (military) Cartesian coordinate system Tessellation Data mining Web application Googol Process (computing) Spring (hydrology) Computer animation Blog Mathematical singularity Iteration Right angle Quicksort Library (computing)
Area Time zone Sensitivity analysis Mapping Connectivity (graph theory) View (database) Event horizon Food energy Bookmark (World Wide Web) Human migration Revision control Data management Process (computing) Computer animation Integrated development environment Moving average Spacetime
Greatest element Computer animation Mapping Open source Information View (database) Cartesian coordinate system
Area Process (computing) Computer animation Block (periodic table) ACID 1 (number) Quicksort Food energy Vector potential Physical system
Overlay-Netz Server (computing) Block (periodic table) Cellular automaton Connectivity (graph theory) Feedback Mathematical analysis Client (computing) Distance Cartesian coordinate system Preprocessor Arithmetic mean Computer animation Vector space Quicksort Resultant Spacetime Geometry
Greatest element Touchscreen Demo (music) Information Block (periodic table) Multiplication sign Virtual machine Set (mathematics) Maxima and minima Shape (magazine) Distance Mathematics Computer animation Personal digital assistant
Preprocessor Computer animation
Area Group action Exterior algebra Computer animation Computer configuration Block (periodic table) Graph coloring
Computer animation Multiplication sign Traffic reporting
Matching (graph theory) Computer animation Block (periodic table) Multiplication sign Range (statistics) Bit Shape (magazine) Distance Vector potential
Dependent and independent variables Game controller Mapping Block (periodic table) Multiplication sign Physical law Interactive television Branch (computer science) Open set Cartesian coordinate system Mereology Regular graph Event horizon Tessellation Process (computing) Computer animation Vector space Strategy game Selectivity (electronic) Quicksort
Point (geometry) Type theory Computer animation Mapping Different (Kate Ryan album) Tesselation Artificial neural network Right angle Function (mathematics) Frame problem Geometry
Time zone Frequency Computer animation Information Vector space Mapping Artificial neural network Term (mathematics) Electronic visual display Tessellation
Pairwise comparison Mapping Open source Multiplication sign Projective plane Cartesian coordinate system Subset Web 2.0 Goodness of fit Process (computing) Software repository Website File viewer Iteration Right angle Traffic reporting
hello everybody my name Scott Fletcher and I work with . 9 7 here is a local for-profit downtown in the Pearl it's actually a spin-off from a local nonprofit called ego trust us some of you may now be familiar with go just a legal trust-building if you went to the social last nite for some free beer and maybe a couple people that's good good so that I 2 beautiful building unfortunately work in there I started working with Eco trust back in 2008 in 2008 we were building a US decision support tool for the state of California we called it to summary
map and and it was so put in support of the California is marine life Protection Act initiative and I'll back then originally the stakeholders
involved in the process to determine where marine protected areas would would end up on the coastline a California will see a fire internet connection works or not it was broken earlier not if not the well in the interest of time of keep on and users are stakeholders would draw shapes literally draw shapes on paper maps the paper mache would get hand-delivered to a group of GIS analysts and these analysts would run a bunch of analyses generated much reports his reports would then be delivered back to the stakeholders at the next meeting maybe a few weeks later other stakeholders could then and I explore that feedback they got in the reports adjust their shapes and then the iterative process would continue by these iterations being spaced out by uh by weeks at this time and ego trust in our partnership with the Nature Conservancy and with of UC Santa Barbara I got together we created a spatial tool a web application that you might see here the videos running out of but you can imagine it's it's a it's a web application that that actually use Google Earth as its as it's mapping library and our end users to then draw digitally on a new web browser their shapes and within minutes now they can receive those same reports based on the same analysis and this is why this was all us because we can leverage the power of GO GenGO and post yes found so moving on to the slide that maybe
says a little more and so at the time google sing like good idea this is 2008 but it was 3 D it had Google support and we thought you know what I for many years in an open-source option would better that would better to have is your support staff and Google up but as an hour bug reports lingered on their ticket tracking system for months and then years so we slowly realize maybe the i in and 9 open-source option is is going to is not really what we want us so over the course of the few years between 2008 maybe 2012 than we began to see some performance improvements in the open air layers library and they have some other features that we really liked 1 of which we could fix on blogs the another we could use a base map other than Google satellite so we could improve the cartographical look and feel of our web application additionally users could then water have control over the way the layers are displayed on the map so if they could say I wanna see this layer on top of this layer some and additionally the OpenLayers around the same time started to supports on the called UTF grids but this was thanks in no small part to that Perry who was a co-worker of mine at Eagle trust and Dane spring Meyer who is a former Eagle Trust employee they get together in Seattle 1 we can make the seed commit to OpenLayers for UT agreed support that parallax tell the story where he then went on vacation for a week came back and the OpenLayers community completely fleshed out UTF grid in the time he was on vacation i if you're not familiar with what you TF grid is this is a map Perry's Perry blog and which you see here is sort of an ASCII map of northern Europe you can see in Norway on the left is represented by the exclamation marks this is where you T grade or it's just a simple ASCII maps but that lays on top of your map tiles but as you know metallurgist P & G's and so there's no real meaningful feature of interactivity you can get with simple P G's good you want the user to be able to click or mouse over and get information about the feature that they're interacting with and so UTF grades are in the visible layer that lie on top of the map tiles so what user interacts with an area that's a contains an exclamation mark invisible exclamation mark but then the did the affirmation mark is mapped to information about Norway maybe country name population excetera etc. so then you can get this interactivity with your mapped out so that we have uh OpenLayers some we created at the next iteration of re-mapping in marine plant for the Mid-Atlantic region Marco stands for Mid-Atlantic Regional Council on the ocean or something similar to that at the states on the eastern seaboard from Virginia Maryland Delaware New Jersey and New York are they all got together pulled the resources for a marine planning process that is currently underway and so we created an application to help support the process and I can only give you a little demo here I'm across cross my fingers
that this works a little better than that in a youtube video but I'm I am a little nervous right now but where we go you know I used to think I was good alive demos until I realize it's a new good alive demos sorta like
saying OK good sorta like saying you good a
Russian roulette of the best your Street may not last too long OK so now I feel better of the Mid-Atlantic region has a a whole bunch of people and a whole bunch of overlapping interests in this near opens ocean space and these interests included and would see they
include recreational and commercial fishing they include some shipping shipping traffic shipping lanes they include environmentally sensitive areas but deep-water corals migration of love of Wales and and other mammals they include a lot of restricted zones declared by the Department of Defense as well as from some compatibility zones declared by department events where offshore wind farms can and can go I mention offshore wind farms because there 1 of the 1st component of this planning process the mid-Atlantic region is interested in having some offshore wind farms the idea is that the challenges where to put these wind farms out where can we find ocean space that is compatible to generating wind energy that doesn't conflict with all these various other interests but such as shipping such as fishing such as you environmental sensitivities excetera cetera so we also have some wind speed data from n roll and some and the Bureau of Ocean and energy management has created some spaces has defined some spaces in the ocean and that can be used for this purpose the OK so the whole by today we actually dozens and dozens of over 100 layers on this tool but but I wanna give a little example of some of the challenges we face in some of the successes we've had with this tool so over here what we look at the left panel now are all those data layers we've activated we can control the visibility of those layers over here we can just a transparency of those layers we can I change their layer ordering so different layers can appear on top of or
underneath of other layers this mapping to also allows you to change the base map I show the legend of the data you're looking at a you can hide the left panel you can't create bookmarks of a particular matter view you can share that bookmark with others you can print the map of the etc. etc. additionally we have
information about each 1 of the data layers that is buttons down at the bottom that allow you to download the data to view the metadata view the source of the data see examples of how you could include the same data in your own mapping applications of Teixeira et cetera it was
so suddenly get rid of a couple of
these we go back to them took
a next yes so the
mid-Atlantic region this is on this side is planning process in particular affords us are really interesting opportunity which is that you can see these areas here outlined by the Bureau of Ocean Energy Management for the you will wind farms are that ones layers are those layers that are of potential wind farms are available for leasing by the federal government was green areas are areas that have recently been leased by energy companies and you can see there sort of built on a grid system in a grid system it turns out is the called the Outer Continental Shelf lease blocks and the managed by the federal government and so you can't acid federal government hey this is the least block I'm interested in leasing you know and and you can negotiate from there but so with this grid allowed us to do in this process is preprocessed all whole wealth of
data to each 1 of these grid cells so for example the 20 grid cells to has unique datasets but as you know everything you see here which includes a components like wind speed ocean depth distance to coastal substations by ship traffic the etc etc etc. and and preprocessing means that instead
of the user creating the design sending that geometry back to the server having a server run a whole bunch of analyses of whether it's you know rostered analysis or sort vector overlays and intersections of all analysis that was being done on the server for previous applications we can now do on the client side instant feedback for the for the kind of show you a couple of results of this 1 thing we can do because of this preprocessing is that we can filter on that ocean space so initially example this lease block
filtering of them talk about here it so it can be actually from school it was like a ladder demo to show you was wrong you tool of the case so here I amidism some filtering here where I must say I want to see all those least blacks have at least a certain wind speed but maybe that have at least a are at a maximum distance to coastal substations of say 30 miles and we hear what I can do is they can turn on that at least black layer and I can
see both of these are the least blocks that meet those criteria if I just my criteria I can see the least blocks changed this is all done you know client-side styling because all that information and preprocessed so I can see that those have any changes to my any tweaks to my criteria are reflected in the least blocks so I can keep on going I and say you know the distance or maybe something around there maybe I wanna say but I would be at least 1 mile from India shipping lanes and then you can see em down to 140 least blocks down at the bottom and then we can see exactly where those least blocks are up there on the screen so the the the it the of the learners but more than it so that I can save this shape with my username so that when I come along gone tomorrow or from a different machine have access to the same shape of and any time I can now I can go and I can edit this shape I'm so I can edit those criteria I can share with other users and I can remove the shape from my from my settings etc. the so least black
filtering was enabled through this preprocessing additionally we can provide on the fly reports to the users about collections of all least blacks so for example but
I can say it so let me take a
deeper dive here and say OK these are the areas that are viable alternatives for my own for wind farms and I made you want to say OK what those are all my options on a color and a few of these blocks here here's a you know what this smaller group police blocks it is
an area I might consider or my 1st wind farm and then the other create
another 1 to run some reports
by contrasting the 2 so here goes down down here is my 2nd time in front of it but
it right so there I have
now 2 of these least black collections of of and from the earthly
SPLA collections and I have all these reports available on the fly so I can compare these 2 shapes for the wind potential I can compare them for the distance to coastal substations for the depth range for the distance to shipping lanes etc cetera cetera none of these now this has to be generated at server-side anymore all this is available for time instantly upon creating the shapes because it's just a little bit of extra match the needs to be done aggravate those collections of these blocks so let's see finally the we
do offer drawing tool and like we like we have in the past for other applications but the process hasn't decided whether I'm drawing tools can be a nuisance they are at least blocked based but it turns out so of the other challenges we had this application we thought the filtering tool and the sort of the the the brush behavior of that lease block selection with those would be the big challenges and turns out those were those those were accomplished in our 1st attempt and we thought about it we thought a strategy and and and our 1st try worked what didn't work the 1st time and I think this is because we were sort of on the cutting edge of of of our
use of OpenLayers this is now 2 years ago I they sense implemented and this these these fixes into the library and open all layers to library but at the time we created our select feature control maybe so you guys met experience the openers like feature control where does when you activate the select feature control on some layers it elevates the z value so they lie above the others which is a potentially disastrous and almost a show-stopper for us when we want the user to have full control over the layer ordering so the forcefully at that time and that can show up and Andreas host law were working on a branch of OpenLayers to use an event listener strategy to solve this problem which meant that With this for 2 we used at the time which is now part of regular OpenLayers that I use me you could get detection using the some of all the features that lie underneath your mouse event I so if all the way through the vector layers so that we can sort of create a composite of this behavior with our UTF graded response a behavior with the map tiles as well as the interactivity with the WMS layers to create In our application would be is now the
ability to say I want to I want to be able to see all the features underneath my mouse click regardless of what type of data I'm looking at so for example I might put a map tile later on here that has UTF grids associated with it I'll put a unitary as WMS layer on the map and output today the Panel putting GOG sunlight on the map so I have 3 different types of data being displayed on the map and right here by click here monitors something real quick so the frame let them most the so if I click
on that 1 point that has both the geo Jason on artificial reefs layer the
WMS danger zones and the benthic habitats map tiles in I can get information on all 3 of those that have those features or artificial reefs danger zones and the benthic habitats the so problem solved the what's been
wonderful to see and listen to it is the OpenLayers talks and workshops as we got enough you guys have been paying attention those but all of these is a lot rolled into OpenLayers 3 they don't have support yet for UTF upgrades to deal with map tiles and true but but they are aware of that lack and and so hopefully that will take too long for somebody implement on there we get when we send period from Miami to Seattle can work on that I additionally some of their really wow features in terms of vector display
and now Web G L 3 D so I will say the next steps now wrap up just in time not we have finally hired a designer to work with the next iteration of this project so be nice to see what a good looking guy user-friendly web site actually looks like that does all this stuff that is the will be implemented some playing told that the planning process is underway in the layer will actually it wouldn't miss some planning tools the specific to the process hopefully will be able to implement the upgrade from all players to OpenLayers 3 but and I for anybody who's interested in this project we take a subset of this Marco project a which is the date of your the map viewer and the drawing behavior and then we have we've put it here in a marine planner repo on get up so is available to anybody who is who was interested in such a mapping application for their own needs as well as the Marco repos and get as well so you could check out the entire repo on how we do how we can manage some of those planning tools and that's it the the if the so happy to answer any questions and yes men in the red it's got I was wondering what to use for visualizing the data for the comparison reports was not well you just breaking my open up my open-source tried their right we actually use high charts and good question that with that whole 0 yeah you but this is the more going in the marine planner you always a subset is I is just above this in all of us scroll up to show that as well but any other questions good thank you very much everybody if