Bestand wählen
Merken

3D slippy map with three.js

Zitierlink des Filmsegments
Embed Code

Automatisierte Medienanalyse

Beta
Erkannte Entitäten
Sprachtranskript
I think we're there the by everyone my name is a all of those and I I come from the inner region mapping authorities where I worked last 6 years of my background is mainly within Oppos giants work back and stuff so configuring of services stuff like that soul Army venturing into the world of 3 day as jobs could general has been the scholar learning experience for so our women % today is the state of this rod is mine w accessed stuff 3 J but which is basically trying to trying to visualize make a 3 D map based on services WCS services and initially doubly mass services eventually also cashed w nts services and the end product will be is not will be at a sleeping mat uh ally and 1 we know from layers etc. so now that the closed door we could probably just started I guess right so no good presentation with an
overview of you start off with just like the history background of the project how it came to be then I will just go into the components that are part of the project right now give a brief overview of those then this is this is a visual project I'm just going to go straight into the demo our I will use some time on get Hobbes just looking to the code showing everywhere everyone where stuff is and also hopefully I will be able to couple of live demos the but not would so that young and try summarize emperors by going through good bad ugly and also try to sketch out the future as I see it and end up with a summary our for those of you who read the description of this talk you will notice that an action looking for developers will recall but if now and also the that I should mention that the project is MIT licensed so you free to basically do whatever you want with it it find it find it to your liking the right of the history alone the idea came about I was attending a packet on in Norway with the light cultural ministry which I was there presenting are the national Mapping authorities trying to educate people how user data in their products and our being in such an environment you tend to get well inspired because there's a lot of people around you their role hacking there'll got their ideas and I sitting there I
remembered reading this blog this guy your Sollich he added road this blog posts on how he basically took the a a digital elevation model and married it with that 3 J to create this by the wow that's really cool I would do that into good neighbor and figured well since I work with serves many I discussed my main job is what I do I create services and I for a long time on this time we had this WCS servers which I added always everyone's familiar with WCS is there or sorry is anyone not familiar with everyone would just was is it is a Russell based uh you it delivers brasses is like w you get the data instead of just a picture so I made this sum is a service that prom was no 1 was using it so I so this would be a really good idea to search your offices and maybe show how you can use utilize the resisters on the flights said so I started out and a video images just go straight into this 1 as well the 1st thing I noticed
was ah was a disjoint between WCS arid formats Adobe CS wants to did you have is the I I only had if computer for Judas the hunters of browsers don't like defaults they don't want to have anything to do with that so that was a problem so I could order that innovations a got them but they couldn't do anything with a so OK well figure let's hack around that
so 7 those oscillate now can give XYZ was fault that's fine and dandy but now I get the elevations and now I'm going to do is plug in the W. mess get your and basically what I ended up with there was but let's see there from this perspective 3 of all like that which is the greater based on nothing but a bounding box really here the bounding box is going to require the doubly CS acquires a doubly mass and it measures it together and 1 man 3 JS as really until really for the so you yes for those you
haven't really haven't used 3 years I
would just going to this place just to new plug in there it is but a wealth of inspiration in there you will not go into the details of each of them I just know that it's there the so clearly excitation precipitation not so for the components of the right it's very easy and it was very light weight the project has only been around for like 6 months they're called base is 1 thousand lines so and try to keep it simple so but we need to force obviously we need 3 Jess for the visualization the at long last I did find is if j s which the enable me to get around the problem using XYZ false XYZ files is uh very the very beginning you get it's basically textiles so it's not compress that all this week takes a while to get the get the data using KIF chairs I was able to to read the 2 false from middle BCS brilliant bill the far just get in there some limitations to it I so far I haven't been able to get an error rate of length 2 larger than 2000 48 but I'm sure that eventually will get to get through that as well as services initially that we use WSN WCS and again for those red the the description of the stock it says that we're planning to do w yeah a of actually we do now that the current uh code will use Adobe intense users piles in there are some problems with it inasmuch as I sort of broke the documents implementation so knowing you need to have a tile the doesn't by adding it worse assumes your Norway i is is not a problem just if you plug in another tells that it should work out of the box and i it is easy to fix a just been sort of busy doing other stuff and we all so
them wise the the the verse will know
in your it suppose see that the OK
so get a page we are a free people the who committed to to the prime so far I can tell that this part over here was the initial but when we initially did it on go find that this is the application and then this is me getting nervous before the stock the my uh there's been no like is that it is is not freeze 6 months old and there's a total of 4 thousand lines of code about 80 commits Int'l so fairly young the and the structure is the again quite basic and gotcha external libraries here it your source code in here and it's going go briefly through the organization of this because I did mention that none of this is documented um the yeah the page where show you the labs that complicated and no page there has some documentation of the parameters that it takes you can parameterise it using as arrests are alike in accordance system productions or you can use you can use your own Dobby CS in the in the you're all which there's using that covers using stuff like that it's in the article but the best place is actually this this part 1st simple really this thing here checks in the you're using to see if any of
these keywords are the wall that is value assigned its to the variable but it's reused throughout we when I was a set can of saying this was in document document and this is documented right so that was the universe part of it this 1 everyone should ignore because it it's not there really so the never doses dummy as uh loaders really what they do is they but basically enable you the WCS here takes uh to file and would this we iterate through a geometry that gives and 3 jest geometry and assign these values to the corresponding vertices throughout the needs of the project is in this far yeah it is not very big but it's the same thing that sort tries to so everything together that is where you will find it uh it it will so I and to different bounty motors are it will fetch see tells and but this is where everything happens is a big factor factory in if you ever tried to use this is probably where you will start scratching your head in and see what the earth is going on the in yes so now is when I show you the pretty pictures and prey to the techno
gods the the so aside with this 1
the but this is the standard G the area but I use for a for testing purposes well so basically we have here 3 molar here in this case I preloaded this because I don't I'm not but it should load fairly quickly the notice also this is using Adobe mass the that was it
announced try and the slippy part of his work because in theory yeah theory who ha was MIT scary so I'm not I'm going to agree refreshes page as it seemed to work
models of neural you have a bounding box of here
a year later defined at the end yeah and no it doesn't load but it yeah to the look at that
luckily I have now the
demo to show with that I figured I just show of how how well known you can use the this is just my example incantation you can make much more fans and not assigned so if you decided you probably have all you probably like get your head down in your lab right now scratching right bell balls out or something no but the idea here being that you define about about so here and call this the
help this works the and then what you're not seeing right now is that the 3 D model the appearing words should be yeah I always forget this I forgot I forgot of course is my time here yeah that was too bad there was going to be the big the
services that I have to say that where while you're not looking the so on the
next thing it's going to show that was suppose to prove fast is a you you can change there's a
reader of the do at the bottom and
it's it's not a million yeah out K explain this works anyway but flexible the OK officers knows
the book so at his area here 3 the this is really fancy when it works but we were down or up at as with faster when they're with right now I you this this is fostering Norway and probably the network using yet a linear network in its OK so you'll see in the work of that's great
the I'm not going to try anymore demos had so yeah we don't dumping jump is the the good bad ugly so the good stuff is it is it should be fairly easy to use for the when set up properly but the fact you can buy you can justify it from this in the Ural makes it easy to 2 just construct your all and then you bang you get your 3 D model of an running uh listen the potential there singers the to my mind it does a lot potential I know there there are people there make much more fancy graphics and the make their globes and and everything's to really nice this uh did does 1 thing and hopefully it should do it really well and this a few bugs there code base of thousand lines there there's a limit to how many bucks you can get I hit that still have some do pop up now and then but so the bad stuff well low maturity that that's a given but but I find that that is really rewarding to work with that because there's still so many things to do so you can you can actually work on something you don't need to take on a small by that no one's ever going notice a guassian make new features in this and is no projections that that's part of the keeping it simple but right now it is you he sort have to use the same production on you dumb BCS as here what whatever overlaying tell you a story and guess and yes so as I mentioned earlier the lack of documentation can be energy we ugly yes there are some other code is ugly particularly the part when have I just think that the latest commit I did try to average values in the corners between tiles that's not easy and I have no idea I am not sure that I even can't understand the call myself right now so I'm hopefully some of make it more legible at some point they just add up to the point where the work where it worked and then it was and solve a conquer navigation and yeah so far I have done anything to the navigation just use standard 1 that I found example somewhere and of that was a big 1 much be fixed it is a big piece of work in because it ties into a lot a lot of other things like if you want if you want this to be true said that you want to be able to uh you need to be able to change to of levels the subway that and that ties into navigation the camera so it's a big piece of work that needs doing those yeah and I'm As mentioned earlier it is by now it's sort a card could use doubly test but it could be fixed fairly easy but it is that we have because if you try you spend years sort of outside of Norway it might British entirely the but yeah so brings host to the future of this I imagine well these 3 things 2 of them the 1st 2 should be doable that in my lifetime the changing so levels dynamically air right now it doesn't do that at all you get the zoom level that sorta corresponds to the initial bounding box start with and you that's what you're stuck with it but then there's some considerations sticking to count there would like level of details because you know the classic way of doing this is that you have higher resolution tiles closer to where you're looking from the have lower solution tells further way I from and then you then query different zoom levels and if you have different generalization it tends to start looking ugly quite quick no is my experience and when because of the way to do it is to to create a so uh to tailor WMT and MWS service for a specific use but then that would be general enough I want something more general than that so I really tackle that problem yet right optimizing geometry yes no big 1 right now low tiles will geometry you just sort of stack them together to a little bit of edge uh trying to sort together along the edges not much more than that and I have read the condition how to merge it still haven't really gone into that 1 partly because mn figure out that uh whether or not we're gonna reuse jump to adjust get some new geometry there those are the 2 ways to go no idea which 1 is better still the idea I'm a fairly optimistic that uh changing signals and of most geometry it should be quite possible to do quite soon which raised me to the 3rd 1 the WFS of yeah of I imagine the first one in work reporting judges soon could be done and in there must be libraries out there can read you Jason from W thousand and I so a mapping goes up to 3 J and its geometry types I should be fairly easy GML I'm my not a certain are put up there because it is an interesting problem that could be tackled so I just put this 1 together so everyone wants to take a picture and this is the information and i'm just gonna wrap it up there thank you if and
is the fact that we really just need to and have the help the ability to do the the navigation that this would be part so we can get rid of the the pivoting part and then that makes it easier to it just navigate come up and down and forward and back side to side yes yes I II I I thought I should probably make that distinction earlier on because someone was bound to point out that it's still is to have tea but yet is there that is basically what i'm leveraging right now but how do you do any of do doing the level of detail rendering with with the trained to do you have any my hands you know where her for really large of the states of that's the thing I really haven't figured out how do you can do them in the geometry is easy but getting the demographics to tie together that that's the problem I mean there I asked several people about this and some were probably know on the most and probably a lot more than me n and the best advice got so far as yet use fog use what fog it so it has a
Autorisierung
Mapping <Computergraphik>
Dienst <Informatik>
Prozess <Informatik>
Kombinatorische Gruppentheorie
Gleitendes Mittel
Biprodukt
Innerer Punkt
Computeranimation
Aggregatzustand
PROM
Demo <Programm>
Gewichtete Summe
Web log
Gruppenoperation
Polygonnetz
Bildschirmfenster
Code
Computeranimation
Videokonferenz
Komponente <Software>
Deskriptive Statistik
Web Services
Prozess <Informatik>
Visualisierung
Zusammenhängender Graph
Softwareentwickler
Bildgebendes Verfahren
Demo <Programm>
Autorisierung
Dean-Zahl
Biprodukt
Office-Paket
Mapping <Computergraphik>
Dienst <Informatik>
Rechter Winkel
Mereologie
Server
Projektive Ebene
Programmierumgebung
Lesen <Datenverarbeitung>
Quader
Browser
Ruhmasse
Adobe Creative Suite
Computer
Extrempunkt
Computeranimation
Perspektive
Dateiformat
Pendelschwingung
Default
Figurierte Zahl
Metropolitan area network
Web Services
Dicke
Gewicht <Mathematik>
Quader
Automatische Handlungsplanung
Implementierung
Elektronische Publikation
Bitrate
Code
Computeranimation
Komponente <Software>
Deskriptive Statistik
Dienst <Informatik>
Parkettierung
Visualisierung
Inverser Limes
Zusammenhängender Graph
Projektive Ebene
Gerade
Fehlermeldung
Inklusion <Mathematik>
Parametersystem
Total <Mathematik>
Selbst organisierendes System
Kartesische Koordinaten
Physikalisches System
Quellcode
Biprodukt
Code
Computeranimation
Homepage
Einheit <Mathematik>
Mereologie
Programmbibliothek
MIDI <Musikelektronik>
Datenstruktur
Gerade
Demo <Programm>
Subtraktion
Schmelze
Booten
Kreisring
Mathematisierung
Farbverwaltungssystem
Extrempunkt
Räumliche Anordnung
Quick-Sort
Teilbarkeit
Computeranimation
Knotenmenge
Menge
Einheit <Mathematik>
Hydrostatischer Antrieb
Grundsätze ordnungsmäßiger Datenverarbeitung
Mereologie
Projektive Ebene
Faktor <Algebra>
Hill-Differentialgleichung
Grundraum
Demo <Programm>
Gammafunktion
Softwaretest
Flächeninhalt
Zahlenbereich
Ruhmasse
Quader
Mereologie
Physikalische Theorie
Computeranimation
Homepage
Last
Computeranimation
Demo <Programm>
Rechter Winkel
Fächer <Mathematik>
Topologischer Vektorraum
Extrempunkt
Computeranimation
Dienst <Informatik>
Informationsmodellierung
Wort <Informatik>
Hilfesystem
Computeranimation
Computeranimation
Office-Paket
Vektorpotenzial
Bit
Demo <Programm>
Subtraktion
Punkt
Quader
Benutzerfreundlichkeit
Twitter <Softwareplattform>
E-Mail
Räumliche Anordnung
Code
Computeranimation
Übergang
Eins
Informationsmodellierung
Wechselsprung
Web Services
Mittelwert
Code
Datentyp
CMM <Software Engineering>
Programmbibliothek
Inverser Limes
Figurierte Zahl
Gerade
Bildauflösung
Softwaretest
Multifunktion
Datennetz
Axonometrie
Systemaufruf
Übergang
Vektorpotenzial
Zoom
Biprodukt
Quick-Sort
Chipkarte
Programmfehler
Mapping <Computergraphik>
Energiedichte
Flächeninhalt
Parkettierung
Konditionszahl
Mereologie
Räumliche Anordnung
Projektive Ebene
CMM <Software Engineering>
Mereologie
Räumliche Anordnung
Hilfesystem
Übergang
Aggregatzustand

Metadaten

Formale Metadaten

Titel 3D slippy map with three.js
Serientitel FOSS4G 2014 Portland
Autor Pedersen, Jarle Johan
Lizenz CC-Namensnennung 3.0 Deutschland:
Sie dürfen das Werk bzw. den Inhalt zu jedem legalen Zweck nutzen, verändern und in unveränderter oder veränderter Form vervielfältigen, verbreiten und öffentlich zugänglich machen, sofern Sie den Namen des Autors/Rechteinhabers in der von ihm festgelegten Weise nennen.
DOI 10.5446/31759
Herausgeber FOSS4G, Open Source Geospatial Foundation (OSGeo)
Erscheinungsjahr 2014
Sprache Englisch
Produzent FOSS4G
Open Source Geospatial Foundation (OSGeo)
Produktionsjahr 2014
Produktionsort Portland, Oregon, United States of America

Inhaltliche Metadaten

Fachgebiet Informatik
Abstract We will demonstrate the use of WMS and WCS as input to three.js for rendering an interactive 3D-model in the browser, based on actual data. Our extension of three.js, (WxS.threejs) takes several inputs, the boundingbox being the simplest. WMS-service, WCS-service, LAYERS and many, many other variables can be set either via the URL or predefined in a quick and easy setup. Further, we wish to introduce the idea of using cached WMS as an input. We've prepared a framework that is ready for consuming WMTS, rendering tiled 3D-models that are stitched together. The goal is to implement a slippy map in 3D. This is an open invitation to all hungry hackers who wish to join us in tapping the potential.Original article:http://labs.kartverket.no/wcs-i-threejs/Example:http://labs.kartverket.no/threejs/wxs.three.htmlGithub:https://github.com/jarped/wxs.threejs
Schlagwörter 3d
wcs
wms
webGL
openGL
three.js
visualization
javascript
services
html
slippy maps

Ähnliche Filme

Loading...
Feedback