We're sorry but this page doesn't work properly without JavaScript enabled. Please enable it to continue.
Feedback

Creating Custom HTML Elements for Maps

00:00

Formal Metadata

Title
Creating Custom HTML Elements for Maps
Title of Series
Number of Parts
Author
License
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.
Identifiers
Publisher
Release Date
Language
Producer
Production Year2014
Production PlacePortland, Oregon, United States of America

Content Metadata

Subject Area
Genre
Abstract
Maps appear all over the web but the core structural language of the web—HTML—does not natively support them. Adding dynamic or interactive maps to a web page or web application can involve complex JavaScript code that is difficult to reuse between contexts.Web developers are starting to have opportunities to change this. Some newer web development frameworks are designed to support HTML page elements with custom attributes as a way of defining behaviors. These frameworks anticipate web components, an emerging standard for creating fully custom HTML tags. Custom attributes and elements make it possible to effectively expand HTML to include `{my-map}...{/my-map}`.This talk will demonstrate how to use existing JavaScript map libraries to create flexible, reusable maps that take the form of HTML elements with custom attributes. Looking forward, we'll explore how web components let us take this technique even further and create true custom HTML elements for maps and the display of other geo data.Crafting custom HTML map elements doesn't just mean making maps a first-class citizen of web page markup, it offers a whole new way to create and share web-based mapping tools between applications and organizations.
Keywords
Exterior algebraMaxima and minimaGraph (mathematics)Vector potentialDivision (mathematics)Texture mappingHome pageAdditionMappingSurfaceWeb browserCuboidHand fanArithmetic meanObject (grammar)QuicksortAreaCASE <Informatik>Matching (graph theory)Library (computing)Context awarenessScripting languageMetropolitan area networkDivisor
Home pageServer (computing)QuicksortComputer fileScripting languageTexture mappingWindowSet (mathematics)IdentifiabilityVariable (mathematics)Type theoryRing (mathematics)Template (C++)Encapsulation (object-oriented programming)View (database)
Connectivity (graph theory)Home pageWeb 2.0Attribute grammarTexture mappingSoftware developerRevision controlCodeScripting languageWeb browserLibrary (computing)Direction (geometry)CASE <Informatik>Functional (mathematics)Cartesian coordinate systemMathematicsEvent horizonGoodness of fitKeyboard shortcutSocial classObject (grammar)Multiplication signDrag (physics)Inheritance (object-oriented programming)Extension (kinesiology)Slide rulePortable communications deviceWorld Wide Web ConsortiumNumberSemiconductor memoryElectric generatorExclusive orQueue (abstract data type)Interface (computing)Software framework1 (number)Mechanism designZoom lensMarkup languageLevel (video gaming)GoogolQuicksortPerformance appraisalPrototypeInteractive televisionGraph (mathematics)Exterior algebraMereologyVector potentialModulare ProgrammierungGraphical user interfacePoint (geometry)BitWordDivision (mathematics)File formatSystem callRhombusComplete metric spaceExecution unitType theoryMappingRight angleMoment (mathematics)Instance (computer science)Constructor (object-oriented programming)Latin squareAutomatic differentiationAbsolute valueContext awareness
Home pageAttribute grammarCuboidCodeGraph (mathematics)Texture mappingConfiguration spaceEndliche ModelltheorieQuicksortModule (mathematics)Scripting languageSubject indexingKey (cryptography)
Configuration spaceContext awarenessWeb 2.0Multiplication signInformationGraph (mathematics)CuboidShared memoryConnectivity (graph theory)Structural loadGroup actionWeb pageEncapsulation (object-oriented programming)WeightMarkup languageLogical constantCodeWeb browserReading (process)Link (knot theory)Home pageMereologyExtension (kinesiology)Vector potentialData structureFitness functionObject (grammar)Social classTexture mappingPhysical systemMappingProjective planeCartesian coordinate systemScripting languageJava appletPoisson-KlammerPairwise comparisonCharacteristic polynomialQuicksortInteractive televisionPower (physics)Module (mathematics)Software testingWeb applicationBootstrap aggregatingWebsiteMathematicsQuery languageAttribute grammarClosed set
MereologyConnectivity (graph theory)Acoustic shadowMappingDeclarative programmingoutput1 (number)Template (C++)QuicksortFile formatWeb 2.0Form (programming)Drop (liquid)Boundary value problemData structureAreaBuildingRoutingHome pageGraph coloringMessage passingDataflowCountingTexture mappingInformationAtomic numberScripting languageString (computer science)CodeJava appletReverse engineeringSet (mathematics)BitProcess (computing)Universe (mathematics)Affine spaceInheritance (object-oriented programming)Attribute grammarSystem callRootDivision (mathematics)Lecture/Conference
Transcript: Englisch(auto-generated)