Bestand wählen
Merken

An Easy Web Mapping Framework

Zitierlink des Filmsegments
Embed Code

Automatisierte Medienanalyse

Beta
Erkannte Entitäten
Sprachtranskript
for Jabber Project OK get I'll try use might go and so these are all Java projects that I worked on over the past 10 years or so and to and even across your job
program like myself a has notice has been a subtle change technological landscape recently and the rise of the browser and the rise of Web mapping costs and so over last year and a half size being happy to be able to take a fairly deep dive into the world of web mapping to to build a framework and for web mapping and you're
probably thinking 0 you might be thinking of so this yet another web MAP framework and the answer is yes but I prefer to think of it as 1 more point in the Web map design space so we we have you drivers at his Swedish Act so here so I I think that that some interesting points about about the framework that that we've come up with some of the lightweight user-interface and it offers very easy map development and consideration at got quite a simple architecture and it provides a rich geometry tools so that's why you might wanna sit through another but map framework presentation so a few disclaimers and this the work in progress and we've we've done a lotta last year bills lots more remains to do at the moment is location specific to to the province of BC but this could be generalized and firstly the code is not yet open source the province has a bit of a problem with open source licenses but hopefully that will be rectified soon half of any case you can always use source the source of the hack has so the client for this work is the BC natural resource sector which is of the group of ministries that we call the dirt ministries that deal with the stuff on the ground they have over 200 to existing
spatial web applications with a wide variety of required functionality from view to sketching redlining geometry to editing geometry science data analysis as well and the the size of the the sector is some there's several thousand users and they have hundreds of layers of data living in an oracle database as millions of features those layers and frequent updates as operational data that's updated every single day so the current
mapping technology is based on something called the internet mapping framework which of those least 10 years old in and uh looks like you see below 0 and so it was great in the day that it is old and difficult to work with her home and also relies on our crime on such a course now is unsupported so there was an there's a need to move to
modern technology and so the decision was to utilize additional 5 JavaScript I'm OpenLayers GeoServer as the components of the web map stack I there was a goal to make the the set up of these maps easy to use by a declarative configuration and using of a predefined UI design and and of course uh we also and make a powerful so there's lots of requirements as I said so we need lots of built-in functionality and we wanna make the framework extensible as well
some of the challenges that we're faced with was the catering to a wide spectrum of user sophistication from public using using web maps for the 1st time potentially and to a user's used to using CAD tools of as I said is a lot different use cases um so so we we had these these tensions in the UI design especially of making something that could be could be very simple but can also be very powerful armed and we wanted to uh cater to a variety of uh screen formats from small screen to screen maps and from maps embedded in host applications to ones that were the case themselves the what we've built as a component that can be dropped into any page which is great but it's certainly a challenge because you don't know what you're saying dropped into the and we want to be as cross-platform as possible of course and is a large part of the the government is still using I eat so that was our are low water mark in and on the other challenge was dealing with the on the pace of change of the web platform and a has you know how it so it's a rapidly changing on technology and so our challenge was to decide where we're gonna jump into that fast lake of web frameworks and technologies and we were able to
make a few simplifying assumptions that we chose to Justice Lamer cater and which may seem like a no-brainer but invited BC has been using BCI always as the display quarter system for 10 or 12 years so nobody vanish web Makita of course that opens up the use of all kinds of base maps so we're only dealing with PC right now which provide some simplification and we're assuming we're gonna have we're gonna have a fast map server and good down when I the so design
opinions I the we decided we wanted to keep uh the number of frameworks in JavaScript libraries we use to a minimum to help make the code more portable and less brittle we definitely prefer using styling to code we prefer configuration the code for the user interface of the we we we try to come up with what I call an iceberg interface where it looks simple on the surface that you're having a lot of power underneath the surface and we we we mainly focused on the idea of a map and out so we we we have a lot of applications where there's an existing web application and we need that would drop by alive map into that application and visions webpages rather than providing the complete application as a man the of course 1 of minimize the complexity of use in terms of mouse modes and how many clicks it takes to do things and we don't want we're not trying to build a GIS but it's pretty fuzzy line between cystatin application and GIS so here's so
we came up with for our basic UI design and I'm going to their functions and a little bit but as you can see it so it's very simple and it's mostly map this is designed to be you know this might appear as a as a small the former by 400 pixel square in a in a larger application or it might be a full screen full screen the architecture
is as I said pretty simple and this is just a JavaScript framework that drops into a web page on we use only EEG Korean OpenLayers for libraries so not using any of you I frameworks at the moment I we we the configuration is done by Jason file show that little bit later and am and it relies on external services such as geocoding Web Map serving web map serving and possibly spatially store so
development where they were using open there's 2 and which is being properly adequate for our needs although we do have possibly moving to 3 when we when it's build out enough for that and so I said reusing J. query had to revise and browser independence and and other liver using his chest Iast provide geometry manipulation so his most
functions I mentioned trying to switch to a live demo here and talk to it through the there is a
string of text and OK so here's a the prototype map which shows off all the current functionality so you 1 thing notice is the bottom we have the irritable WordNet read out in this case in decimal degrees but we can showed in wide for in a variety of coordinate systems work on format and this is extensible and so we can pick 1 such as trees MS and then all the tell quarter showing that of base maps are changes this control over here so we can say switched
being and hopefully there we go to 1 or so what
where we have the usual the presumed Tang controls over here we have a uh geocoding and search functionality so I can type in something like thank Hoover search for that and this connects to
in the BC government geocoder and detect such a couple of of location services and BC government you can see the results the show up here then we can zoom
around the map and saying the different results like metric over the we have the usual control over here and this is going to be off the screen so that's just a sec yeah that that would have K
yeah this to the so optimal the show this because I can't get to the control that this this this this panel can actually be flipped inside the man to come they just this kind of problem and I can get here has and clearly a need to move the buttons of the it but the unintelligible spring where the area of popped there we go OK so again the idea is to and if you got lots screen real estate you can keep your your side panel outside the map or even part inside the map the cycles use for all kinds of things on such as identifying so if we do but identify like that actually to a WFS request retrieves features from the layer actually I do 1 thing to make or student fact in the book as I said it's a work in progress has a few user-interface things that need to be improved so that regularly at me but but this thing in a smaller a
smaller set to identify the core of the hitting network issues In ch LL so said they're expecting to have a decent band with that chick using tiling for all the maps placing see tiles showing in as retrieved from the server tiles for the the overlay data as well as the basement don't think identifies going from right OK well at some of the other thing we can do is were working on building out geometries sketching in editing functionality so we can create joy tree is like this of we provide some John trailing tools so in this case created to geometries and we have some college ultra calculator which so lets you perform geometric operations on those geometries ingest yes so in this case we can do a difference like that we can do a buffer the say try thousand meters like that so long so 1 message here is that yeah yes is quite fast and browser it's it's plenty fast enough for use the we can and we have an export import so we can export the data the geometry to a a variety of formats came to Jason etc. just to export like that we can and can't paste that into Google Earth for instance but we have as well which I won't demo but we can drag and drop um files data files under the box here and import the data into the application the I think we have of the the vertex edit like this but was so we also have a code function where we can converge to the geometry into a list of distance and bearing and ending go back as well by importing total so that's the the main street of functionality we have right now only just back to my
presentation 0 as well as the jump to
processing we have found some custom operations of a closed polygon clean polygon they're making you suggest yes functionality and the covers replied at quite a bit more editing capability you suggest to us that was measurement to course
the JavaScript API that the host page can use to some the to manipulate the map 0 and then so it from a
coding point of view as I said we we use purely declarative configuration is set up the map so the goal is to make as easy as possible for MAP developers to drop put a map in their page so all the configuration is done using a single gene or using Jason objects in this case is the amount of a simple map configuration object or you specify the tools quarter formats and base maps they're going to be displayed and some of the and we can prove supply parameters tools and so all the MAP configuration is is is done using this declarative format the and the other another Jason object contains the specification of the layers that are on the map so we can specify multiple overlays which correspond multiple requests to map services and within those requesting specify the layers and provide information about how they should be managed within the map such as whether they can be identifiable whether they're visible by default etc. wonderment Addis ability to dynamically add more layers from the map service to the man the but within the actual host page and a very simple code also required is a dative to inject the map into an of basically a single line JavaScript to create the map configure it mn displayed on the day of mn and in some case needed applications can use the API to to manipulate the map the the so it's the frameworks pretty extensive all you can supply a a defining new base maps quarter formats us location services important export formats basically everything that we've we've built in if it's possible to extend the ring provide talks you so lots more time as I
said done and dynamic lairs CAD style editing tools where look at user-defined map layer styling we may consider moving OpenLayers 3 and which means to give us the capability of having a 3 D view with custom trained model we've experiment was in temporal data visualization and on and we also want to look at a mobile profile for the URI so I think that's it for now any questions it be that if it was have a slightly and a up the editing community snap to existing pictures and things so that the stuff will not on the list to do yeah it's not there right now this and it was the the
Mapping <Computergraphik>
Benutzerbeteiligung
Framework <Informatik>
Prozess <Informatik>
Browser
Mathematisierung
Applet
Vorlesung/Konferenz
Softwareentwicklung
Projektive Ebene
Textur-Mapping
Framework <Informatik>
Bit
Punkt
Momentenproblem
Datenanalyse
Natürliche Zahl
Web-Applikation
Natürliche Zahl
Gruppenkeim
Kombinatorische Gruppentheorie
Wald <Graphentheorie>
Räumliche Anordnung
Raum-Zeit
Framework <Informatik>
Code
Computeranimation
Unternehmensarchitektur
Open Source
Textur-Mapping
Benutzerbeteiligung
Client
Maßstab
Arithmetische Folge
Deklarative Programmiersprache
Speicherabzug
Softwareentwickler
Umwandlungsenthalpie
Nichtlinearer Operator
Lineares Funktional
Architektur <Informatik>
Benutzeroberfläche
Sichtenkonzept
Datenhaltung
Open Source
Programmierumgebung
Varietät <Mathematik>
Quellcode
Sichtenkonzept
Druckertreiber
Funktion <Mathematik>
Räumliche Anordnung
URL
Computerarchitektur
Orakel <Informatik>
Varietät <Mathematik>
Offene Menge
Lineares Funktional
Internetworking
Server
Benutzeroberfläche
Konfigurationsraum
Framework <Informatik>
Computeranimation
Internetworking
Entscheidungstheorie
Mapping <Computergraphik>
Textur-Mapping
Benutzerbeteiligung
Funktion <Mathematik>
Framework <Informatik>
Zusammenhängender Graph
Maßerweiterung
Konfigurationsraum
Server
Subtraktion
Datensichtgerät
Mathematisierung
Kartesische Koordinaten
Punktspektrum
Systemplattform
Framework <Informatik>
Computeranimation
Homepage
Eins
Homepage
Textur-Mapping
Benutzerbeteiligung
Code
Zusammenhängender Graph
Touchscreen
Benutzeroberfläche
Systemplattform
Physikalisches System
Programmierumgebung
Portabilität
Touchscreen
Mereologie
Server
Bandmatrix
Dateiformat
Punktspektrum
Varietät <Mathematik>
Extrempunkt
Flächentheorie
Web-Applikation
Zahlenbereich
Kartesische Koordinaten
Extrempunkt
Web-Seite
Komplex <Algebra>
Term
Framework <Informatik>
Code
Computeranimation
Textur-Mapping
Flächentheorie
Code
Programmbibliothek
Maschinelles Sehen
Konfigurationsraum
Gerade
Cross-site scripting
Touchscreen
Schnittstelle
Leistung <Physik>
Metropolitan area network
ATM
Lineares Funktional
Benutzeroberfläche
Pixel
Fuzzy-Logik
Konfigurationsraum
Quadratzahl
Funktion <Mathematik>
Fuzzy-Logik
ATM
Computerarchitektur
Momentenproblem
Browser
Stochastische Abhängigkeit
Abfrage
Web-Seite
Elektronische Publikation
Räumliche Anordnung
Framework <Informatik>
Computeranimation
Textur-Mapping
Benutzerbeteiligung
Programmbibliothek
Speicher <Informatik>
Softwareentwickler
Konfigurationsraum
Systemidentifikation
Demo <Programm>
Mathematisierung
Kontextbezogenes System
Computeranimation
Datensichtgerät
Netzwerktopologie
Textur-Mapping
Mailing-Liste
Minimum
Gammafunktion
Prototyping
Lineares Funktional
Motion Capturing
Koordinaten
Dezimalsystem
Minimalgrad
Gamecontroller
Dateiformat
Fibonacci-Folge
Räumliche Anordnung
Hilfesystem
Messprozess
Koordinaten
Varietät <Mathematik>
Zeichenkette
Lineares Funktional
Datentyp
Gamecontroller
Resultante
Textur-Mapping
Web Services
Linienelement
Gamecontroller
URL
Computeranimation
Touchscreen
Quelle <Physik>
Textur-Mapping
Arithmetische Folge
Flächeninhalt
Reelle Zahl
Dreiecksfreier Graph
Mereologie
t-Test
Gamecontroller
IRIS-T
Metropolitan area network
Touchscreen
Demo <Programm>
Quader
Browser
Kartesische Koordinaten
Kombinatorische Gruppentheorie
Overlay-Netz
Räumliche Anordnung
Code
Netzwerktopologie
Puffer <Netzplantechnik>
Textur-Mapping
Wechselsprung
Knotenmenge
Gruppe <Mathematik>
Meter
Abstand
Tropfen
Nichtlinearer Operator
Lineares Funktional
Datennetz
Mailing-Liste
Rechnen
Elektronische Publikation
Menge
Parkettierung
Server
Dateiformat
Speicherabzug
Message-Passing
Varietät <Mathematik>
Instantiierung
Nichtlinearer Operator
Lineares Funktional
Pufferspeicher
Bit
Polygon
Abgeschlossene Menge
Polygon
Einflussgröße
Homepage
Überlagerung <Mathematik>
Systemidentifikation
Punkt
Kreisring
Kartesische Koordinaten
Overlay-Netz
Service provider
Code
Framework <Informatik>
Computeranimation
Homepage
Textur-Mapping
Web Services
Unterring
Zoom
Flächeninhalt
Softwareentwickler
Konfigurationsraum
Default
Gerade
Metropolitan area network
Web Services
Umwandlungsenthalpie
Parametersystem
Sichtenkonzept
Einfache Genauigkeit
Digitalfilter
Dateiformat
Gerade
Objekt <Kategorie>
Einheit <Mathematik>
Beweistheorie
Dateiformat
Räumliche Anordnung
Messprozess
Information
URL
Streuungsdiagramm
Textur-Mapping
Informationsmodellierung
Sichtenkonzept
Diskretes System
Datenmodell
Temporale Logik
Visualisierung
CAD
Mobiles Internet
Profil <Aerodynamik>
Gasströmung
Mailing-Liste
Sichtenkonzept
Computeranimation

Metadaten

Formale Metadaten

Titel An Easy Web Mapping Framework
Serientitel FOSS4G 2014 Portland
Autor Davis, Martin
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/31719
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 Browser technologies such as HTML, JavaScript and CSS have matured to a point where they can be used to develop sophisticated applications. Spatial JavaScript libraries such as OpenLayers, JSTS and D3 supply great capability for implementing mapping and graphing applications. Complex geoprocessing functions such as geocoding, routing and surface analysis can now be accessed easily via REST API's.These technologies provide a powerful set of tools for building the next generation of client-side web mapping applications. But this tool set is complex, and requires significant effort in UI design to make it accessible to users. The BC Government Natural Resource Sector (NRS) deploys over a hundred web mapping applications. Implementing these applications using one-off designs would be prohibitively costly in development, support and training. This talk discusses the development of a Common Web Mapping framework based on OpenLayers 2, which uses the power of modern browser technology to provide a fast and easy way to build web mapping applications.
Schlagwörter OpenLayers
web
mapping
Javascript
HTML
CSS

Ähnliche Filme

Loading...
Feedback