Bestand wählen
Merken

Mapping with AngularJS

Zitierlink des Filmsegments
Embed Code

Automatisierte Medienanalyse

Beta
Erkannte Entitäten
Sprachtranskript
that is not real and talking and put them up out of anger js and user and item frameworks so there are several represent that reformatting frameworks and we will talk about them and there's the oral the follow along for some reason but
1st always a UGS it's a framework by Google and and its market centric with the model view watcher framework written you object or among the bottle and so watches of the two-way binding and if you will learn more about it there's lots of resources out there you into detail about angular itself except for to show with an
example that they show on their like Getting Started pages a simple example which I really
because of that simple so here's the market for it here all the little angular template strings or a special attributes and then the here's the script that control that and if you this slide he feared allowed you have like it neighbor set of writing in of using angular in a webpage yourself I a but you know you figure out how all these things can have go with each other and and stuff of but it's really powerful and that is expressive but some people don't like a particularly clever success and mean come on offense that that it way no so what you could done it so that was a could have written a directive like to Directive and I'm of min declaratively given releasable then the EU's Directive and then the list items individually or if you had a model or a some adjacent to pulled the from you could be even populated with a a little typically but the so the
OK so if you need to have required yesterday and the and loading with your angular he gets really complicated and no simple they just the included thus scripts an order and then have build step or something else like that that takes care of making sure the things are required in order but if you have to use require position a good example from Patrick and from this marches on just as a reader of some and he shows how the you can have a capsid everything and then eventually require in the application and start up here at the page of dynamically so we're looking
at leaflet no maps OpenLayers 2 and 3 the 3 and the RGS API the and so these
briskly break out into the 2 different styles there's a declarative where know the options are expressed there in the market of and and there's a script tight which is is pretty much just pointers to objects in the scope that have information on this script type is becoming more popular lately and I think it and it's the more obvious when you look at it so if you're trying to do something for people that am you then just edit or include of a little bit marker I need a declared thing is is good but for anything that's getting a little bit of complexity or any little this this this year you wanna be able to customize it the ways could be a lot better but this here's a
declarative and he sees the get like Our controls and the different layers and what type they are some options for them you all kinds of stuff there and here's the scripts I O which if you
look in the market is really simple it's just that like markers and of listener and so many looking in scope but also the sender and the the markers it so you could make that a lot more pocketed have functions and stuff like that which is probably where you would be doing a fish much can you is ingeles that not a market the the
as little maps no really a
Founder to think to ones that people see reusing and the the document well I and that's the area Google Maps which is from the the UI teams of there it had an earlier version was more declarative but they've kind of of this of the West have taken over and and then there's this in map which they say retains all declared style of FIL maps you
that so here's the and the scripts of angular Google Maps and you can see like that leaflet example earlier we've got a only a map of object 1st scope and within an hour properties and the reference that there the and we'll see from this is that no matter how much logical try and put an end to end wrapped up for you to click and then directives your so they have to write a lot of stuff yourself for maps and there's just no way around it so my better just go ahead and do it where it makes sense In rather then 0 this in support my 1 option that I wanted will not be OCoP or questions library is still you be maintained and stuff like that so so ng map
that's more the declarative 1 yes center which is an array and if that the position and that's a not a pointer but actual string which then it'll send to Google to get geocoding hello and stuff Leslie leaflet leaf really only
has 1 good example that I found
if anybody knows of 1 other than this that they think it is worthwhile and useful amino but is applied so is not only great and way it's also scriptstyle was inspired by angular Google Maps but it's got a much better set of of examples and documentation and it's a little more fleshed out so again the same
kind of thing if I was the 1 I point out from beginning you got the of listener and markers and they just make a map with the a marker there and the map center that's point time and this message to the public box the
OpenLayers and overlayers 3 is new enough that it doesn't they just 1 thing and upper layers to is old enough that there's and an abandoned project the I started people and JS from which was supposed to be like and isa clearer wrapper for upper layers leaflet and 0 Google Maps and then there's no which will talk about here and they don't have their demos horrible I but they do the have a lot of the same they give you a lot of ability to use them in the market but you have to like go and look at the code figure out what that is back about the
of lawyers 3 is this angular layers rector of effect this person was pushing of a basis like 10 minutes ago and of its eigen published on Bauer yet but it does this can be published later this week and it's a good that scriptstyle as the same person annually directed and what's basically the same coding at the and they get a good set of examples on on the I get every and he got up and you're OpenLayers which is so the declares style and you look but there's not a lot of documentation there and also you could try and use a fork my azimuth JS library but like I said on a moral maintaining it and have a looked at it and 1
the theory and confined index erupted the threes mapping capabilities there's a time of the 3 charts out there but the thing is with maps there's just so many options and there's social theater writers of anyway and it's just not worth it and then with that are just
API we don't have anything official yet
Patrick myself at work and things and the document the writer together and really make if all features of angular of 1 for but if you want to look at it those are the the the Urals to to see this so that we did at the summit of and that's the state of that it's like you know some examples and you can wrap up possible map and a legend and some layers and in it but it's again not and we're not supporting it yet and we have that I officially learning that it
for me any questions so I mean I I really like this scriptstyle style best I and so do that that questions also subtly related to wider frame ready like the best but I think with no 3 of well support examples using the script style and looking at what it took to the support just like to be differently to request that some people had for azimuth
and we're pain that was because I hadn't thought about it before really did way things parsing worked doing the script style where his point of the scope and the scope has all the functions and that the you can add stuff to be watched breezily there and had a it makes the to a binding make a lot more sense rather than trying to put all that with binding there and the market and maybe maybe not as supporting the feature that you want yes and so it the I think it's the fit into an existing framework of if you're so is 1 map page I agree what's what's the point of the singular value was map on page and of then just do it with normal just if you want of like embeddable link that's really suitable a copy and change then you want something that's more like the declarative style where they just put in the center and they will that information and banned the gap a map and that that makes sense to but then this sort of but more detailed and customizable scriptstyle eventually for when you have and overall application and the map as a part of an application needs to fit in there as well and play with the other angular parts nicely so it makes alot of sense there but I agree if you're just 1 a map on page and so it's a lot work to Mosul on work but it's of islam or than you need is just just jobs the the yes I with the the yeah I know that that actually does work and that a really bad experience with trying to use the air entering a demo yesterday but I we will we can chance again FIL 1 of actually this is my say from as in a I've got a simple example the the no I'm not so not connected here and so from the history of if he
if you go that the euro for my talk uh follow those links there's a
couple good examples of of ones that have have a two-way binding aware you cannot the map around and then it states what's happening or you can click buttons and change the layers of and you can zoom in and zoom out of there is a examples were the both of the EU directive leaflet angular active OpenLayers where it's got a scale-dependent layers and innocent so when you zoom in and zoom out it swaps as an amount of to yes the will again with the declared style you can have on it's up to you to know that to know what all supporting that declaration and I were actually 2 going to do what so like the N G maps he purposely device that so the only again you have to know is the Google Maps API like you pretty much as right Google Maps configuration or a what information there and the directive and it passes it and then uses that of and scriptstyle stuff because you have rule really control over that you can directly using the library you're also not really limited there so user a depends on your use case this year that the learned from work on the work all all this on in a lot of time in the there were a lot of the the so on would the be all better yet to have 1 that
had the multiple onto 1 that was really extended
was that as an example of a because it from a uses that any requests to a unit of either adjacent orgy Jason data sources but this up don't have it I have to get this is too long to some slides and but anyway yeah so it's it's it's a controller and you can you know require that in like you do other controllers or and you can they can use it and and it can you go and fetch data or it can be I can read it from other places just like any other thing and then it just on because of on
Framework <Informatik>
Computeranimation
Informationsmodellierung
Sichtenkonzept
Framework <Informatik>
Beschreibungssprache
Benutzerhandbuch
Framework <Informatik>
Computeranimation
Homepage
Mathematische Logik
Extrempunkt
Template
Mailing-Liste
Web-Seite
Computeranimation
Richtung
TUNIS <Programm>
Rechenschieber
Komponente <Software>
Informationsmodellierung
Funktion <Mathematik>
Menge
Freier Parameter
Code
Skript <Programm>
Skript <Programm>
Zeichenkette
Attributierte Grammatik
Mapping <Computergraphik>
Framework <Informatik>
Ortsoperator
Gebäude <Mathematik>
Güte der Anpassung
Skript <Programm>
Textur-Mapping
Ordnung <Mathematik>
Computeranimation
Homepage
Objekt <Kategorie>
Bit
Deklarative Programmiersprache
Datentyp
Gamecontroller
Skript <Programm>
Information
Zeiger <Informatik>
Komplex <Algebra>
Computeranimation
Konfiguration <Informatik>
Mapping <Computergraphik>
Lineares Funktional
Skript <Programm>
Google Maps
Computeranimation
Kategorie <Mathematik>
Versionsverwaltung
Computeranimation
Eins
Konfiguration <Informatik>
Richtung
Mapping <Computergraphik>
Objekt <Kategorie>
Flächeninhalt
Deklarative Programmiersprache
Programmbibliothek
Skript <Programm>
Skript <Programm>
Ortsoperator
Deklarative Programmiersprache
Zeiger <Informatik>
Computeranimation
Zeichenkette
Mapping <Computergraphik>
Punkt
Quader
Menge
Message-Passing
Computeranimation
Soundverarbeitung
Demo <Programm>
Güte der Anpassung
Overlay-Netz
Code
Computeranimation
Menge
Azimut
Deklarative Programmiersprache
Eigenwert
Wrapper <Programmierung>
Basisvektor
Codierung
Programmbibliothek
Skript <Programm>
Projektive Ebene
Figurierte Zahl
Mapping <Computergraphik>
Automatische Indexierung
Drei
Physikalische Theorie
Computeranimation
Konfiguration <Informatik>
Mapping <Computergraphik>
Azimut
Skript <Programm>
Computeranimation
Aggregatzustand
Demo <Programm>
Punkt
Mathematisierung
Kartesische Koordinaten
Binder <Informatik>
Framework <Informatik>
Homepage
Mapping <Computergraphik>
Prozess <Informatik>
Mereologie
Skript <Programm>
Vorlesung/Konferenz
Information
Fitnessfunktion
Mapping <Computergraphik>
Rechter Winkel
Deklarative Programmiersprache
Güte der Anpassung
Programmbibliothek
Schlussregel
Information
Konfigurationsraum
Computeranimation
Richtung
Eins
Einheit <Mathematik>
Gamecontroller
Quellcode
Computeranimation

Metadaten

Formale Metadaten

Titel Mapping with AngularJS
Serientitel FOSS4G 2014 Portland
Autor Priour, Matt
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/31678
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 AngularJS is rapidly gaining popularity and favor in the front-end web development community. Several open-source AngularJS wrappers exist for open and closed source web mapping libraries. This session will survey the landscape of existing mapping library wrappers. Wrappers for OpenLayers, Leaflet, d3, Google Maps, and Esri WebMaps will be examined. Comparisons of the different abilities of these wrappers and the techniques required when using them will be examined. Advantages, strengths, weaknesses, limitations, and "gotchas" will all be examined for the AngularJS interfaces of the different mapping libraries. Attendees should leave the session with an understanding how to best integrate their mapping library of choice within an AngularJS application and how they could help improve these various wrappers.
Schlagwörter AngularJS
OpenLayers
Leaflet
Google Maps
Esri WebMaps
d3

Ähnliche Filme

Loading...
Feedback