Logo TIB AV-Portal Logo TIB AV-Portal

What's new and cool in OpenLayers

Video in TIB AV-Portal: What's new and cool in OpenLayers

Formal Metadata

What's new and cool in OpenLayers
Title of Series
Part Number
Number of Parts
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

Content Metadata

Subject Area
OpenLayers 3 aims to be a full-featured, flexible, and high-performance mapping library leveraging the latest web technologies. Since the initial release of 3.0 at the end of 2013, the library has matured significantly, and great new features and improvements are rolling out with each monthly release. Are you are still using OpenLayers 2 and feeling that the time has come to upgrade? Or curious to see what a comprehensive mapping library can do? Join us for this feature frenzy of OpenLayers 3, where we will present our recent and ongoing work on making the library more user-friendly, robust and powerful. Whether you're a developer or decision maker, this talk will get you up to date with the current status and upcoming features and improvements of OpenLayers 3.
Keywords Boundless Terrestris GmbH & Co. KG
Development 8th
Meta flow Slides Actions enterprises Open Source labor Development gaps map views time high resolution similar open subsets font maintenance powerful versions geometric Meeting/Interview Software cores structure implementation libraries enterprises Home Page font map screens Development projects Open Source cores Ext applications cursor open subsets Location Software sort libraries
time sources ones argument open subsets orders of magnitude rotation web Types different real vector box Office errors classes rotation sources simulation map mapping formating Development widgets binding Types real vector Render log files Right sort poles geometric Slides control high resolution mobile Clusters Axonometrie Coloured equations man regional projects interactive lines applications Location voting vertices box
polygons pixel presentation building time sources water open subsets part Arm area web image mathematics different real vector box Render area sources map smooth Development Types real vector raster repository URN pattern geometric filters Slides digital filters statistics functionality files parity network OS images browser Stream threshold Coloured number versions period goods terms program green level structure Gravitationsgesetz Operational Research Robots comparison Tiled projects applications Indexable Software case Query objects family localization libraries
CAP 4th URN time-series analysis Right testing argument dimension oracle
building Actions script code time sources sets compiler open subsets part area different closures Rolling libraries systems area sources man screens building Development closed Amsterdam Ordnance Datum Continuation processes real vector Rendering sort metrics point Super division 3rd browser events man modules Super NET logical consistency projects Java code applications browser compiler radius events Computer animation closures basis classes matrix libraries
point real vector Meeting/Interview Rendering polygons lines libraries
Correlation independent set Meeting/Interview 3rd sum bits Flickr argument meetings product
CAN-bus curve Meeting/Interview bits Development Kit
Meeting/Interview code projects 3rd
point 12th functionality load projects browser part applications icons Symbolic image Indexable kernel Meeting/Interview level law model Arc libraries
point default unit sources Stream applications icons elements image Meeting/Interview box level Payload libraries
Computer animation
good morning again for the 1st session and yeah I introduce Andrea such well Mackenzie keynote developers of of layers and I think you presented use on OpenLayers 3 so have fun and welcome everyone I hope everyone
was enjoying last night's dinner party just as we did and to get started this is our logo of flow and today we're talking about news and cool stuff in the open to get started the usual boring stuff the 1st 2 slides and outline we'll show you even more boring stuff about ourselves and then we show you what's new including unless I'm sorry what's new in open oneself and there's what you include sort what's new in open there's what's called an openness and also an outlook noted in your future so we can like it's it's it's a similar idea of core developer and steering committee member of the this project I work as a consultant for upon that and boundless invest a lot in open source development is an active leader in the open source community has developed and supported powerful software for Enterprise chairs applications and that since 2002 in my name is mark you can I was yesterday at the concert I mean I mean inoperable there's obviously and also developer followed the Newton as well it is the CEO and alignment available not only phobias but also G exceed original book about OpenLayers and also like speaking on national and international conferences just like now so to restless you might have heard about us we have a booth upstairs and until we do all things open source geospatial and we will a top-notch solutions using the software tools that you have been hearing about but in the last few days so now what is layers we have to do that so that's what I want it says on the home page it's a high-performance feature-packed library for mapping needs and there's 3 things we wish to add to that sentence is open source it's BSD license it's only a JavaScript library and it's also analyst you protect project so openly as has quite a long history so 10 years ago we released into so basically I use to call openly as some sort of a dinosaur in JavaScript libraries because like growing that old enough we really have to reinvent ourselves over and over again so in August 2014 we released version 3 . 0 and the current version is 3 . 17 yes the 17 1 but I think you are going to do a release today so there will be some slides mentioning 3 . 18 it is very actively developed has a big community of both users and developers it is very well documented that's what we think at least compared to version 2 and also it has a very huge examples collection so it's basically usable everywhere and it's also being used everywhere so this is a map it shows the last year's for strategic location if we zoom in Europe we see a nice residential area in in or near so I was like these structures that look nice on aerial imagery but what it was last year and so in South Korea let's move to worry art this year and by doing so I should just some features of openness and we can do animated transitions of the view like here we're flying through 1 and then we can so further to our exact conference locations we can make the map full screen and you may
still be worried about the labor not being up right so let's rotate map to north of you like you would expect I as you can see it when I upon the map here there's always something to see because we have preloaded times from lower resolution also when ties are loaded focuses around the cursor so ties where I am with the mouse are loaded 1st so this makes for a really pleasant and perform and user experience just some basic on this slide here
OK so you just saw a man not really that close so what is in open the things that we should mention is it supports many many different data sources and types you can pull in roster data record data from many common months also from some exotic formats we have interactions and controls that you can add to the map for your users to interact with it the most basic 1 maybe the plus and minus for presuming but there are also in interactions for drawing and editing vectors and many more it works out of the box on mobile devices are 100 per cent and it also supports right and I think I devices out of the box when I from 6 was introduced with high resolution than any device before some other applications book but not the ones that use the openness this so what do we do so we already saw the rotation feature and I think is the simulation already starting so you can could do cool things with this so this is a globally as developers well every morning goes but like to add to the office location this is the argument bicycling basically and so you know the the center of the map is being updated correctly and all of them all the time and also now when he goes into the wrong way of doing here is actually goes a shortcut his going through the roundabout Eric Kandel probably error and yeah we can do cool stuff like by combining all the small interactions into critical applications so what else do we need earlier this
sometimes missing but that's not a problem but what I want to show is still on the slide so we're using it as a regular that's not very responsive to date and but 1 thing you can see openly supports projections out of the box induced to maps on the left we have mapping geographic coordinates on on the right we have the more familiar web Mercator protection and if you look at these researchers here you can see how all the projection distorts as you go go from the equator to the poles is just to projection examples of when you have a projection definition with the transforms to a geographic coordinates you can use any projection that you want also your local projections from your land surveying agency or whatever he also under the votes OpenLayers supplies a lot of time that we call the vector rendering tricks and so that rendering of vectors is very very fast and all opinion so what you see here in the in the background is the the the blue lines so this is the of the fractal it's a color flake and so it's made on out of out of 7 and 100 thousand vertices but as are currently at a certain level and and also you not showing everything of 8 for rendering we call it oversimplification that we we know we strip a lot of the vertices out before even going to the renderer and also we have some sort of an internal great so if 2 or more vertices are happening to go on the same grid we will discard the 2nd 1 so we have to render only a few points as possible also depending on the resolution quite some nice vector rendering stuff you know I have earthquakes happened like this will be year in Italy so it may be important to analyze data about the corpus makes this map here shows openness way styling features using classes and also advanced reconciling features because you can also changed the original geometries and render something completely different so as i however 1 of these clusters they expand to the regional earthquake locations and the stars you see are scaled by the magnitude of the earthquake so with that advanced styling features you can achieve good looking at maps that are easy to analyze the data you're looking at in yeah but not only can we do cool vector stuff
we can also do the rest of stuff so what you see here is an example that uses being tiles in the background from aerial images and it's calculating in the so called vector green not it's vegetation greenness index and doing it in your browser so just analyzes every pixel and so you can change the threshold here so if you go do like this I can manipulate all the rest rest as in my map on to you know like change color in this case and so this is all done by the rest sources we have so we could put in any restless souls like WMS has on this type of pre-rendered tiles analyzed and further and it's all running in your browser is stuff that used to be done on anomic dedicated programs budgets K it can also be done on the web using so what's new areas tell good question what's new we've been working a lot in the last year here you can see it as a screenshot from acute have you see that operates contributors during the last year and some statistics about that since version 3 9 which was last year at the level of G. conference we had contributions from developers from 4 different companies companies also from 2 individual contributors they came from 7 different countries and we have also many contributions as you can see here from our greenkeeper IO part of what's does so this about making commits to open there's an even more than in the last year in here this is a it's a box that works on on on its repositories basically keeps all dependencies up-to-date so whenever some software we depend upon reason you version like for example the great arteries library by Vladimir was lost so when a new version comes out of that we get a pull request with the it's by that's lot and then we can check it and it was most possibly imagine that OK so we're comparing our between laughter conference and this year's 1st virtue conference and if we look at the top statistics again we saw that we had more than 2 thousand commits in that period almost no thousand to 205 files changed and contributions were made by 21 contributors but I know you like we want you promised some cool stuff and new stuff not like details about what we committed and how often and how often we rename files just so you know there's a lot of changes so what actually new the Union OK let's let's finally
do it we want to match in this example unfortunately but 1 thing we added since last year is Raftery projection but the times we we wanted to read reproject are not loading or only some of them are loading so don't see anything but you can imagine there are many different projections the world looks different in any projection and this slide was meant to show you how that works using some world projections like this 1 here are also a local term and projections like this 1 but you have to imagine if you can do you wanna show an example and maybe even the family of the dead of the presentation let's move on may another thing we added this pattern is a vector of size and since it 1st landed in 3 10 or 3 11 I think we have made many performance improvements to its can see this is really smoothness upon the map around assuming it is is really small there's no more or less and are always keep in mind that this is using to the and workcell so this means it also works on devices that do not have a lecture a very yeah you can also do the following like you can render now geometries anywhere so what we see here is vector tiles in the background and if and click on some of the features already like this building for example but what happens now is that I get the geometry a query for the geometry and then I just render it to some random canvas over there so this is not a metasystem chemist could be anywhere but to the use case for this would be if you want to create a dynamic lecturer next after this random with the actual structure using the S and let me just 1 and 1 thing to this slide that you show that these were correct we can now we project rest in the well rest of data that just repeat that it's just possible so also we strive toward well more feature of comparability with what we have been openly as so there's 2 we have a lot of very sophisticated functions to for example rotate geometries and we also now support is an openly stream so there's a small show on example showing you how to do that it's nothing so exciting but you know it's really easy now to but it's a transform existing openness to application to open necessary because we're nearly at the feature parity but so we can include now currently the at times also so this is how you do it and so the all the all you see how easy it is to you know like style you apply a car to see is there's some styling here and also the SQL that's going be applied and this is basically a Dominican cotton in the sources in your maps there is also another thing that we added so now we support a number of years alright I so this is the object rest source that we added so there's gonna be another 2 the baht assume about interoperability so we support that as well out of the box another thing was frequently requested from users has switching over from open to was OTA-C filters for WFS query we have that now as well so here you see a filter applied to rule in OpenStreetMap datasets the water areas and filter here for a what areas in Mississippi and where and only 4 river banks and that these were the new features
not that many but we
made a lot of other improvements that you don't necessarily ceiling see immediately but you see them here on the left is see how
we update the parameters from time-series
WMS at the oracle and also dimensions in W and test this is something that's used often in the majority but for weather maps and on the right
you see how it looks now and this is how it should look so there's no but ties leaving the screen and entering them again it's just most transitions between time and that besides these improvements that you can see there are also many that you cannot see we've been working on a major restructuring of the library resulting in faster builds so this source files that go into the library last year were 3 . 0 I 8 megabytes and they were compressed and minified 243 K and this year or a month ago we we had only 2 . 9 megabytes that go into the built and they get minified 240 K and let's not forget about the features and improvements that were at since then and elaborate smaller but that's good and how did that happen you have to understand the present and the future of 1 has to look at the past so this is a discussion that atomic right European 1 is on bicycling of earlier but had in 2012 so and so basically says I'm worried that you're using closes library on because you know it inspires big projects to be big glued together and area points out yet you're probably right but there's also a lot of advantages we can take from using the Google Closure Library and that's so internally as developers when we started working properly 3 you were thinking or do we want to reinvent the wheel and there have always been you know like browser differences do we want to handle them ourselves or do we want to include some sort of a basic library that helps us you know all of doing these things right and also includes a lot of cool things to get really the best of smallest called possible of fastest possible you want some yeah but the set of things have gotten better on the where we don't have to support a data anymore we don't have to support anymore but it still works in 99 so there's no need anymore to have a library that takes a radius of prosody inconsistencies from you and so last year we sat together at the 1st virtue conference and we were aware that our users want and to use mainstream build tools and boundless and closer like closer to the code does not integrate well with that so with that let's at least removed the dependency on closer library because then with people who were use OSHA compiler can still do so but those who want to use the tools like browser if I can also do so without problems and that's what we've been working on in the last couple of months and this effort is now almost complete we have removed 98 per cent of the Coast library will be done in the next couple of weeks instead of that event system we had enclosure we invent at our own light weight event systems we made them metrics transforms that we use to transform in accordance to screen coordinates my way more efficient and we also have a more efficient class inheritance and we were able to get rid of all these legacy code for altered process and finally it also the code looks better it's easier to contribute to open there's because but it is now a JavaScript code that looks like JavaScript and as it was meant to be so and what's next this is how I write your hopefully application could look when we have finished the transition away from the closure library because I want man instead of what we have now also like an openness to you can currently create custom built of so you take the full bill and about things that you don't need and a modern JavaScript world where you have modules it's the other way around you only includes the parts that you need by requiring them explicitly so instead of including open and then using what you need and still having their what you don't you create application like this you only includes the modules that you require in your application and there's more things to come like more rendering improvements there be a talk about that has in the afternoon where I will be showing some of that but this is it for now for this introductory talk thank you very much and I hope there will be questions the
perfect time good some you mentioned vector title and that's what the can must be How about when mean open and that she is that the only way that we see in the rocks of so
openly as does have a way to render it currently supports only point
features there has been work going on during the summer from an individual contributor and he's trying to bring support for the went to rendering 4 lines and polygons as well but but I cannot make any promise at this point where it's going to happen but 1 thing I can force say for sure is that with all the influence with all the rendering takes that we applied to rendering to kind to the we are very fast probably the fastest lap can was to the library that renders vector OK
more questions no you don't tend to have of course hi I'm around you know me from the leaflet team and last year players this let's let me see correlations on the future so I am very jealous of their research production really but these are anything from the
that you wish you had that is then let me the didn't use it as a straight from the flickr we want to have a lot of things that the parameters so that is the sum of nowhere around and it's a good question and for me it's always a bit
like comparing apples and oranges oranges but 1 really cool thing about this is that it's so simple to get started to help unless you have a bit of a learning curve to get started but then you
have proposed tool kit that allows you to do a lot and with that's all you can get started immediately and that's 1 thing we're still working on so we're still trying to improve the API and this is going to be a lot of discussion also to have but we're working on it I think will never be as simple to get started with this leaflets but as I said
to the target audience is also maybe
a different 1 originally had
like a different question but some picking up on that some like X can fully and underline what you just said about the best of the 2 worlds you know because actually do code and both of them and it just depends on project and so would you like like a set example launches um but
spoon the actual question was composed to the team was like 1 of the features that was most excited about when it started out of OpenLayers was despite functions so I'm I'm having currently like a spike history which is not that big because I don't have to 14 you support that many layers in this particular project but so once I want to you like gold sounds to like say some level 18 or 20 and would have lots lots of styles I probably have to implement something like that browser index find something we would have to look into that so my question is is there any idea about actually implementing that OpenLayers itself so it can be used with all I would rather be something like 4 for a part library you mean something like like sprite images for 4 symbols or I think I can understand the kernel actually pre rendering some styles to actually load a model because she's so that the function itself has to come has to return each time and we're talking icon or image that's
here for points and when you have the load your images on the application level you can get that
out of the box so you can create your icons you go with the source the other points to an image or you can construct the style of with an image that you have loaded already to conclude the freeloading and Application level this is also something that's a nice about open as we try to make a simple and me and meaningful defaults but there are several levels at a tape library that you can walk into and customized things to your needs and using preloaded images elements instead of pointing the coincides with source is 1 of the things you can you can do so you can do that already if you put up the publication of OK thank you I'm sure you will find these guys around here at least terrestris and pompous booth we change for the next talk