際際滷

際際滷Share a Scribd company logo
WEB MAPS
TILING &
LAYERING
Background
 Maps as fundamental as
<video>?

 Growth in mobile  more maps?

 Apple entering map space
Whats the problem?
 Current systems are closed
 Limited facility for:
   Offline access
   Ad-hoc sharing
   Mash-up data
 Web should be:
   de-centralized, simple, cooperative
   autonomous, distributed, cooperative
 Need for open approach
   KML just annotation within maps (POI)
   GML is XML Schema based, non-trivial
Disaster relief
Whats the problem?
 Current systems are closed
 Limited facility for:
   Offline access
   Ad-hoc sharing
   Mash-up data
 Web should be:
   de-centralized, simple, cooperative
   autonomous, distributed, cooperative
 Need for open approach
   KML just annotation within maps (POI)
   GML is XML Schema based, non-trivial
Source: https://www.w3.org/2011/Talks/kddi-201111.pdf
What is needed for maps in SVG?
 Tiling and layering
 Non-scaling stroke
 Shared paths
 Fixed-size objects
 Non-linear transformations


 UI features
 API features
Tiling and layering
    Hyperlinks




Source: http://www.w3.org/Submission/2011/SUBM-SVGTL-20110607/#Tiling
Cascading containers




Source: http://www.w3.org/Submission/2011/SUBM-SVGTL-20110607/#Tiling
Container file

<svg xmlns="http://www.w3.org/2000/svg" viewBox="20 110 120 85">
  <globalCoordinateSystem
    srsName="http://purl.org/crs/84"
    transform="matrix(15.3631,0.0,0.0,-18.6994,-1889.2916,849.9202)"/>
  <animation x="0" y="0" width="100" height="70" xlink:href="0_0.svg"/>
  <animation x="100" y="0" width="100" height="70" xlink:href="1_0.svg"/>
  <animation x="200" y="0" width="100" height="70" xlink:href="2_0.svg"/>
  <animation x="0" y="70" width="100" height="70" xlink:href="0_1.svg"/>
  <animation x="100" y="70" width="100" height="70" xlink:href="1_1.svg"/>
  <animation x="200" y="70" width="100" height="70" xlink:href="2_1.svg"/>
  <animation x="0" y="140" width="100" height="70" xlink:href="0_2.svg"/>
  <animation x="100" y="140" width="100" height="70" xlink:href="1_2.svg"/>
  <animation x="200" y="140" width="100" height="70" xlink:href="2_2.svg"/>
</svg>
<globalCoordinateSystem>




 <globalCoordinateSystem
   srsName="http://purl.org/crs/84"
   transform="matrix(15.3631,0.0,0.0,-18.6994,-1889.2916,849.9202)"/>
Layering




Source: http://www.w3.org/Submission/2011/SUBM-SVGTL-20110607/#Layering
Min & max zoom

<svg>
  <circle cy="100" cy="100" visibleMinZoom="100" visibleMaxZoom="200"/>
</svg>
Applicability beyond maps
 Medical imagery?
 Large images in general
 (c.f. SVG 1.2F's multires proposal)
 Building blueprints?
 Games?
What is needed for maps in SVG?
 Tiling and layering
 Non-scaling stroke 
 Shared paths  SVG 2?
 Fixed-size objects  transform-ref? SVG 2?
 Non-linear transformations 


 UI features
 API features
UI features
 Built-in map controls 
 Programming-less geolocation 
 SVG views with geographic coords ?
  Media frag? xywh=degree:lng,lat,w,h ?
API features
 API for smooth transition action of
 zooming, panning, rotating
 Transformation functions between global/geospatial
 coordinate systems and user/viewport coordinate systems
 DOM access API for cascading SVG documents
   i.e. SVGTileElement.contentDocument/contentWindow
Resources
 Spec: http://ww.w3.org/Submission/2011/SUBM-SVGTL-
 20110607/
 Offline Web Applications for Disaster Relief -
 http://www.w3.org/2011/web-apps-ws/papers/KDDI.html
 Presentations by Takagi-san:
  https://www.w3.org/2011/Talks/kddi-201111.pdf
  http://www.slideshare.net/totipalmate/proposal-of-svg-map-
   8157601
Mozilla position
 Map UIs are very complex
   E.g. positioning of labels, integration with WebGL etc.
   Hard to imagine a subset that is implementable in all
    browsers and still competitive with existing map
    services
   Better to agree on standard markup and create at least
    one open source Web app to display it.
     i.e. client-side but not browser-native
 Tiling is generally useful beyond maps
   Suggest <iframe> for SVG
   Combined with load-on-demand facility and zoom-level
    control

More Related Content

Similar to Web maps (20)

Going Mobile with HTML5
Going Mobile with HTML5Going Mobile with HTML5
Going Mobile with HTML5
John Reiser
Bringing HTML5 alive in SharePoint
Bringing HTML5 alive in SharePointBringing HTML5 alive in SharePoint
Bringing HTML5 alive in SharePoint
Chad Schroeder
Optimizing your Map Services
Optimizing your Map ServicesOptimizing your Map Services
Optimizing your Map Services
Esri
JavaONE 2012 Using Java with HTML5 and CSS3
JavaONE 2012 Using Java with HTML5 and CSS3JavaONE 2012 Using Java with HTML5 and CSS3
JavaONE 2012 Using Java with HTML5 and CSS3
Helder da Rocha
Svcc 2013-css3-and-mobile
Svcc 2013-css3-and-mobileSvcc 2013-css3-and-mobile
Svcc 2013-css3-and-mobile
Oswald Campesato
Agi08 Jeremy Morley
Agi08 Jeremy MorleyAgi08 Jeremy Morley
Agi08 Jeremy Morley
Jeremy Morley
Askayworkshop
AskayworkshopAskayworkshop
Askayworkshop
sconnin
Ioannis Doxaras on GIS and Gmaps at 1st GTUG meetup Greece
Ioannis Doxaras on GIS and Gmaps at 1st GTUG meetup Greece Ioannis Doxaras on GIS and Gmaps at 1st GTUG meetup Greece
Ioannis Doxaras on GIS and Gmaps at 1st GTUG meetup Greece
CoLab Athens
Great Responsive-ability Web Design
Great Responsive-ability Web DesignGreat Responsive-ability Web Design
Great Responsive-ability Web Design
Mike Wilcox
Making sense of the Graph Revolution
Making sense of the Graph RevolutionMaking sense of the Graph Revolution
Making sense of the Graph Revolution
InfiniteGraph
LSIVIEWER 2.0-A CLIENT-ORIENTED ONLINE VISUALIZATION TOOL FOR GEOSPATIAL VECT...
LSIVIEWER 2.0-A CLIENT-ORIENTED ONLINE VISUALIZATION TOOL FOR GEOSPATIAL VECT...LSIVIEWER 2.0-A CLIENT-ORIENTED ONLINE VISUALIZATION TOOL FOR GEOSPATIAL VECT...
LSIVIEWER 2.0-A CLIENT-ORIENTED ONLINE VISUALIZATION TOOL FOR GEOSPATIAL VECT...
Manikanta Kondeti
Cross Device Ad Targeting at Scale
Cross Device Ad Targeting at ScaleCross Device Ad Targeting at Scale
Cross Device Ad Targeting at Scale
Trieu Nguyen
WFS Tutorial OGC Interoperability Day - Toluca mexico - May 30 2013
WFS Tutorial   OGC Interoperability Day - Toluca mexico - May 30 2013WFS Tutorial   OGC Interoperability Day - Toluca mexico - May 30 2013
WFS Tutorial OGC Interoperability Day - Toluca mexico - May 30 2013
Luis Bermudez
CSS and CSS3
CSS and CSS3CSS and CSS3
CSS and CSS3
Robyn Overstreet
Thats Not Flash?
Thats Not Flash?Thats Not Flash?
Thats Not Flash?
Mike Wilcox
Patch Maps
Patch MapsPatch Maps
Patch Maps
aubreyholland
Internet-enabled GIS Using Free and Open Source Tools
Internet-enabled GIS Using Free and Open Source ToolsInternet-enabled GIS Using Free and Open Source Tools
Internet-enabled GIS Using Free and Open Source Tools
John Reiser
Html5 on Mobile(For Developer)
Html5 on Mobile(For Developer)Html5 on Mobile(For Developer)
Html5 on Mobile(For Developer)
Adam Lu
Advanced Web Graphics with Canvas
Advanced Web Graphics with CanvasAdvanced Web Graphics with Canvas
Advanced Web Graphics with Canvas
Jason Harwig
Iagc2
Iagc2Iagc2
Iagc2
Lee Lundrigan
Going Mobile with HTML5
Going Mobile with HTML5Going Mobile with HTML5
Going Mobile with HTML5
John Reiser
Bringing HTML5 alive in SharePoint
Bringing HTML5 alive in SharePointBringing HTML5 alive in SharePoint
Bringing HTML5 alive in SharePoint
Chad Schroeder
Optimizing your Map Services
Optimizing your Map ServicesOptimizing your Map Services
Optimizing your Map Services
Esri
JavaONE 2012 Using Java with HTML5 and CSS3
JavaONE 2012 Using Java with HTML5 and CSS3JavaONE 2012 Using Java with HTML5 and CSS3
JavaONE 2012 Using Java with HTML5 and CSS3
Helder da Rocha
Svcc 2013-css3-and-mobile
Svcc 2013-css3-and-mobileSvcc 2013-css3-and-mobile
Svcc 2013-css3-and-mobile
Oswald Campesato
Agi08 Jeremy Morley
Agi08 Jeremy MorleyAgi08 Jeremy Morley
Agi08 Jeremy Morley
Jeremy Morley
Askayworkshop
AskayworkshopAskayworkshop
Askayworkshop
sconnin
Ioannis Doxaras on GIS and Gmaps at 1st GTUG meetup Greece
Ioannis Doxaras on GIS and Gmaps at 1st GTUG meetup Greece Ioannis Doxaras on GIS and Gmaps at 1st GTUG meetup Greece
Ioannis Doxaras on GIS and Gmaps at 1st GTUG meetup Greece
CoLab Athens
Great Responsive-ability Web Design
Great Responsive-ability Web DesignGreat Responsive-ability Web Design
Great Responsive-ability Web Design
Mike Wilcox
Making sense of the Graph Revolution
Making sense of the Graph RevolutionMaking sense of the Graph Revolution
Making sense of the Graph Revolution
InfiniteGraph
LSIVIEWER 2.0-A CLIENT-ORIENTED ONLINE VISUALIZATION TOOL FOR GEOSPATIAL VECT...
LSIVIEWER 2.0-A CLIENT-ORIENTED ONLINE VISUALIZATION TOOL FOR GEOSPATIAL VECT...LSIVIEWER 2.0-A CLIENT-ORIENTED ONLINE VISUALIZATION TOOL FOR GEOSPATIAL VECT...
LSIVIEWER 2.0-A CLIENT-ORIENTED ONLINE VISUALIZATION TOOL FOR GEOSPATIAL VECT...
Manikanta Kondeti
Cross Device Ad Targeting at Scale
Cross Device Ad Targeting at ScaleCross Device Ad Targeting at Scale
Cross Device Ad Targeting at Scale
Trieu Nguyen
WFS Tutorial OGC Interoperability Day - Toluca mexico - May 30 2013
WFS Tutorial   OGC Interoperability Day - Toluca mexico - May 30 2013WFS Tutorial   OGC Interoperability Day - Toluca mexico - May 30 2013
WFS Tutorial OGC Interoperability Day - Toluca mexico - May 30 2013
Luis Bermudez
Thats Not Flash?
Thats Not Flash?Thats Not Flash?
Thats Not Flash?
Mike Wilcox
Internet-enabled GIS Using Free and Open Source Tools
Internet-enabled GIS Using Free and Open Source ToolsInternet-enabled GIS Using Free and Open Source Tools
Internet-enabled GIS Using Free and Open Source Tools
John Reiser
Html5 on Mobile(For Developer)
Html5 on Mobile(For Developer)Html5 on Mobile(For Developer)
Html5 on Mobile(For Developer)
Adam Lu
Advanced Web Graphics with Canvas
Advanced Web Graphics with CanvasAdvanced Web Graphics with Canvas
Advanced Web Graphics with Canvas
Jason Harwig

Recently uploaded (20)

DIAGNOSIS OF PREGNANCY PPT IN ALL TRIMESTER
DIAGNOSIS OF PREGNANCY PPT IN ALL TRIMESTERDIAGNOSIS OF PREGNANCY PPT IN ALL TRIMESTER
DIAGNOSIS OF PREGNANCY PPT IN ALL TRIMESTER
daminipatel37
Local Anesthetic Use in the Vulnerable Patients
Local Anesthetic Use in the Vulnerable PatientsLocal Anesthetic Use in the Vulnerable Patients
Local Anesthetic Use in the Vulnerable Patients
Reza Aminnejad
Acute & Chronic Inflammation, Chemical mediators in Inflammation and Wound he...
Acute & Chronic Inflammation, Chemical mediators in Inflammation and Wound he...Acute & Chronic Inflammation, Chemical mediators in Inflammation and Wound he...
Acute & Chronic Inflammation, Chemical mediators in Inflammation and Wound he...
Ganapathi Vankudoth
One Health Rabies Control in Indonesia_APCAT meeting May 2022.pptx
One Health Rabies Control in Indonesia_APCAT meeting May 2022.pptxOne Health Rabies Control in Indonesia_APCAT meeting May 2022.pptx
One Health Rabies Control in Indonesia_APCAT meeting May 2022.pptx
Wahid Husein
Hemoblastosis lecture by pathological anatomy
Hemoblastosis lecture by pathological anatomyHemoblastosis lecture by pathological anatomy
Hemoblastosis lecture by pathological anatomy
26d78y5bwr
PERSONALITY DEVELOPMENT & DEFENSE MECHANISMS.pptxPersonality and environment:...
PERSONALITY DEVELOPMENT & DEFENSE MECHANISMS.pptxPersonality and environment:...PERSONALITY DEVELOPMENT & DEFENSE MECHANISMS.pptxPersonality and environment:...
PERSONALITY DEVELOPMENT & DEFENSE MECHANISMS.pptxPersonality and environment:...
ABHAY INSTITUTION
PRODUCTION OF HB VACCINE AND INTERFERONS BY rDNA - Copy.pptx
PRODUCTION OF HB VACCINE AND INTERFERONS BY rDNA - Copy.pptxPRODUCTION OF HB VACCINE AND INTERFERONS BY rDNA - Copy.pptx
PRODUCTION OF HB VACCINE AND INTERFERONS BY rDNA - Copy.pptx
karishmaduhijod1
Presentaci坦 "Projecte Benestar". MWC 2025
Presentaci坦 "Projecte Benestar". MWC 2025Presentaci坦 "Projecte Benestar". MWC 2025
Presentaci坦 "Projecte Benestar". MWC 2025
Badalona Serveis Assistencials
Best Sampling Practices Webinar USP <797> Compliance & Environmental Monito...
Best Sampling Practices Webinar  USP <797> Compliance & Environmental Monito...Best Sampling Practices Webinar  USP <797> Compliance & Environmental Monito...
Best Sampling Practices Webinar USP <797> Compliance & Environmental Monito...
NuAire
psychosomaticdisorder and it's physiotherapy management
psychosomaticdisorder and it's physiotherapy managementpsychosomaticdisorder and it's physiotherapy management
psychosomaticdisorder and it's physiotherapy management
Dr Shiksha Verma (PT)
MLS 208 - UNIT 1- Lecture Notes - ETANDO AYUK - SANU - Secured.pdf
MLS 208 -  UNIT 1-  Lecture Notes - ETANDO AYUK - SANU - Secured.pdfMLS 208 -  UNIT 1-  Lecture Notes - ETANDO AYUK - SANU - Secured.pdf
MLS 208 - UNIT 1- Lecture Notes - ETANDO AYUK - SANU - Secured.pdf
Eswatini Medical Christian University - EMCU / Southern Nazarene University - SANU
HER2-Targeting Therapy in HER2+ MBC With and Without CNS Metastases: Selectio...
HER2-Targeting Therapy in HER2+ MBC With and Without CNS Metastases: Selectio...HER2-Targeting Therapy in HER2+ MBC With and Without CNS Metastases: Selectio...
HER2-Targeting Therapy in HER2+ MBC With and Without CNS Metastases: Selectio...
PVI, PeerView Institute for Medical Education
ISPE Baseline PEG Volumen 7 Risk-Based Manufacture Pharmaceutical Products 2n...
ISPE Baseline PEG Volumen 7 Risk-Based Manufacture Pharmaceutical Products 2n...ISPE Baseline PEG Volumen 7 Risk-Based Manufacture Pharmaceutical Products 2n...
ISPE Baseline PEG Volumen 7 Risk-Based Manufacture Pharmaceutical Products 2n...
alokksharma18
patho neuro block 3 QUESTION AANSWER PDF
patho neuro block 3 QUESTION AANSWER PDFpatho neuro block 3 QUESTION AANSWER PDF
patho neuro block 3 QUESTION AANSWER PDF
HariPrashadL
Non-Invasive ICP Monitoring for Neurosurgeons
Non-Invasive ICP Monitoring for NeurosurgeonsNon-Invasive ICP Monitoring for Neurosurgeons
Non-Invasive ICP Monitoring for Neurosurgeons
Dhaval Shukla
4-PuroKalusugan 2025 DM 2025-0024 (1).pptx
4-PuroKalusugan 2025 DM 2025-0024 (1).pptx4-PuroKalusugan 2025 DM 2025-0024 (1).pptx
4-PuroKalusugan 2025 DM 2025-0024 (1).pptx
NashiedaLilangBuale
physiology 1 T3T4 & Jaundice & capillary circulation 愕悗悋.pptx
physiology 1 T3T4 & Jaundice & capillary circulation 愕悗悋.pptxphysiology 1 T3T4 & Jaundice & capillary circulation 愕悗悋.pptx
physiology 1 T3T4 & Jaundice & capillary circulation 愕悗悋.pptx
amralmohammady27
Macafem Reviews 2024 - Macafem for Menopause Symptoms
Macafem Reviews 2024 - Macafem for Menopause SymptomsMacafem Reviews 2024 - Macafem for Menopause Symptoms
Macafem Reviews 2024 - Macafem for Menopause Symptoms
Macafem Supplement
Eye assessment in polytrauma for undergraduates.pptx
Eye assessment in polytrauma for undergraduates.pptxEye assessment in polytrauma for undergraduates.pptx
Eye assessment in polytrauma for undergraduates.pptx
KafrELShiekh University
Endocarditis.pptx
Endocarditis.pptxEndocarditis.pptx
Endocarditis.pptx
Nandish Sannaiah
DIAGNOSIS OF PREGNANCY PPT IN ALL TRIMESTER
DIAGNOSIS OF PREGNANCY PPT IN ALL TRIMESTERDIAGNOSIS OF PREGNANCY PPT IN ALL TRIMESTER
DIAGNOSIS OF PREGNANCY PPT IN ALL TRIMESTER
daminipatel37
Local Anesthetic Use in the Vulnerable Patients
Local Anesthetic Use in the Vulnerable PatientsLocal Anesthetic Use in the Vulnerable Patients
Local Anesthetic Use in the Vulnerable Patients
Reza Aminnejad
Acute & Chronic Inflammation, Chemical mediators in Inflammation and Wound he...
Acute & Chronic Inflammation, Chemical mediators in Inflammation and Wound he...Acute & Chronic Inflammation, Chemical mediators in Inflammation and Wound he...
Acute & Chronic Inflammation, Chemical mediators in Inflammation and Wound he...
Ganapathi Vankudoth
One Health Rabies Control in Indonesia_APCAT meeting May 2022.pptx
One Health Rabies Control in Indonesia_APCAT meeting May 2022.pptxOne Health Rabies Control in Indonesia_APCAT meeting May 2022.pptx
One Health Rabies Control in Indonesia_APCAT meeting May 2022.pptx
Wahid Husein
Hemoblastosis lecture by pathological anatomy
Hemoblastosis lecture by pathological anatomyHemoblastosis lecture by pathological anatomy
Hemoblastosis lecture by pathological anatomy
26d78y5bwr
PERSONALITY DEVELOPMENT & DEFENSE MECHANISMS.pptxPersonality and environment:...
PERSONALITY DEVELOPMENT & DEFENSE MECHANISMS.pptxPersonality and environment:...PERSONALITY DEVELOPMENT & DEFENSE MECHANISMS.pptxPersonality and environment:...
PERSONALITY DEVELOPMENT & DEFENSE MECHANISMS.pptxPersonality and environment:...
ABHAY INSTITUTION
PRODUCTION OF HB VACCINE AND INTERFERONS BY rDNA - Copy.pptx
PRODUCTION OF HB VACCINE AND INTERFERONS BY rDNA - Copy.pptxPRODUCTION OF HB VACCINE AND INTERFERONS BY rDNA - Copy.pptx
PRODUCTION OF HB VACCINE AND INTERFERONS BY rDNA - Copy.pptx
karishmaduhijod1
Best Sampling Practices Webinar USP <797> Compliance & Environmental Monito...
Best Sampling Practices Webinar  USP <797> Compliance & Environmental Monito...Best Sampling Practices Webinar  USP <797> Compliance & Environmental Monito...
Best Sampling Practices Webinar USP <797> Compliance & Environmental Monito...
NuAire
psychosomaticdisorder and it's physiotherapy management
psychosomaticdisorder and it's physiotherapy managementpsychosomaticdisorder and it's physiotherapy management
psychosomaticdisorder and it's physiotherapy management
Dr Shiksha Verma (PT)
ISPE Baseline PEG Volumen 7 Risk-Based Manufacture Pharmaceutical Products 2n...
ISPE Baseline PEG Volumen 7 Risk-Based Manufacture Pharmaceutical Products 2n...ISPE Baseline PEG Volumen 7 Risk-Based Manufacture Pharmaceutical Products 2n...
ISPE Baseline PEG Volumen 7 Risk-Based Manufacture Pharmaceutical Products 2n...
alokksharma18
patho neuro block 3 QUESTION AANSWER PDF
patho neuro block 3 QUESTION AANSWER PDFpatho neuro block 3 QUESTION AANSWER PDF
patho neuro block 3 QUESTION AANSWER PDF
HariPrashadL
Non-Invasive ICP Monitoring for Neurosurgeons
Non-Invasive ICP Monitoring for NeurosurgeonsNon-Invasive ICP Monitoring for Neurosurgeons
Non-Invasive ICP Monitoring for Neurosurgeons
Dhaval Shukla
4-PuroKalusugan 2025 DM 2025-0024 (1).pptx
4-PuroKalusugan 2025 DM 2025-0024 (1).pptx4-PuroKalusugan 2025 DM 2025-0024 (1).pptx
4-PuroKalusugan 2025 DM 2025-0024 (1).pptx
NashiedaLilangBuale
physiology 1 T3T4 & Jaundice & capillary circulation 愕悗悋.pptx
physiology 1 T3T4 & Jaundice & capillary circulation 愕悗悋.pptxphysiology 1 T3T4 & Jaundice & capillary circulation 愕悗悋.pptx
physiology 1 T3T4 & Jaundice & capillary circulation 愕悗悋.pptx
amralmohammady27
Macafem Reviews 2024 - Macafem for Menopause Symptoms
Macafem Reviews 2024 - Macafem for Menopause SymptomsMacafem Reviews 2024 - Macafem for Menopause Symptoms
Macafem Reviews 2024 - Macafem for Menopause Symptoms
Macafem Supplement
Eye assessment in polytrauma for undergraduates.pptx
Eye assessment in polytrauma for undergraduates.pptxEye assessment in polytrauma for undergraduates.pptx
Eye assessment in polytrauma for undergraduates.pptx
KafrELShiekh University

Web maps

  • 2. Background Maps as fundamental as <video>? Growth in mobile more maps? Apple entering map space
  • 3. Whats the problem? Current systems are closed Limited facility for: Offline access Ad-hoc sharing Mash-up data Web should be: de-centralized, simple, cooperative autonomous, distributed, cooperative Need for open approach KML just annotation within maps (POI) GML is XML Schema based, non-trivial
  • 5. Whats the problem? Current systems are closed Limited facility for: Offline access Ad-hoc sharing Mash-up data Web should be: de-centralized, simple, cooperative autonomous, distributed, cooperative Need for open approach KML just annotation within maps (POI) GML is XML Schema based, non-trivial
  • 7. What is needed for maps in SVG? Tiling and layering Non-scaling stroke Shared paths Fixed-size objects Non-linear transformations UI features API features
  • 8. Tiling and layering Hyperlinks Source: http://www.w3.org/Submission/2011/SUBM-SVGTL-20110607/#Tiling
  • 10. Container file <svg xmlns="http://www.w3.org/2000/svg" viewBox="20 110 120 85"> <globalCoordinateSystem srsName="http://purl.org/crs/84" transform="matrix(15.3631,0.0,0.0,-18.6994,-1889.2916,849.9202)"/> <animation x="0" y="0" width="100" height="70" xlink:href="0_0.svg"/> <animation x="100" y="0" width="100" height="70" xlink:href="1_0.svg"/> <animation x="200" y="0" width="100" height="70" xlink:href="2_0.svg"/> <animation x="0" y="70" width="100" height="70" xlink:href="0_1.svg"/> <animation x="100" y="70" width="100" height="70" xlink:href="1_1.svg"/> <animation x="200" y="70" width="100" height="70" xlink:href="2_1.svg"/> <animation x="0" y="140" width="100" height="70" xlink:href="0_2.svg"/> <animation x="100" y="140" width="100" height="70" xlink:href="1_2.svg"/> <animation x="200" y="140" width="100" height="70" xlink:href="2_2.svg"/> </svg>
  • 11. <globalCoordinateSystem> <globalCoordinateSystem srsName="http://purl.org/crs/84" transform="matrix(15.3631,0.0,0.0,-18.6994,-1889.2916,849.9202)"/>
  • 13. Min & max zoom <svg> <circle cy="100" cy="100" visibleMinZoom="100" visibleMaxZoom="200"/> </svg>
  • 14. Applicability beyond maps Medical imagery? Large images in general (c.f. SVG 1.2F's multires proposal) Building blueprints? Games?
  • 15. What is needed for maps in SVG? Tiling and layering Non-scaling stroke Shared paths SVG 2? Fixed-size objects transform-ref? SVG 2? Non-linear transformations UI features API features
  • 16. UI features Built-in map controls Programming-less geolocation SVG views with geographic coords ? Media frag? xywh=degree:lng,lat,w,h ?
  • 17. API features API for smooth transition action of zooming, panning, rotating Transformation functions between global/geospatial coordinate systems and user/viewport coordinate systems DOM access API for cascading SVG documents i.e. SVGTileElement.contentDocument/contentWindow
  • 18. Resources Spec: http://ww.w3.org/Submission/2011/SUBM-SVGTL- 20110607/ Offline Web Applications for Disaster Relief - http://www.w3.org/2011/web-apps-ws/papers/KDDI.html Presentations by Takagi-san: https://www.w3.org/2011/Talks/kddi-201111.pdf http://www.slideshare.net/totipalmate/proposal-of-svg-map- 8157601
  • 19. Mozilla position Map UIs are very complex E.g. positioning of labels, integration with WebGL etc. Hard to imagine a subset that is implementable in all browsers and still competitive with existing map services Better to agree on standard markup and create at least one open source Web app to display it. i.e. client-side but not browser-native Tiling is generally useful beyond maps Suggest <iframe> for SVG Combined with load-on-demand facility and zoom-level control

Editor's Notes

  • #3: Bear in mind that mapping is also quite big in Japan. A lot of government agencies make detailed map data freely available and there has been a lot of interest in exchange formats.
  • #4: You can already realise mapping applications in script, the Web platform supports it, so whats the problem?The main problem is that current systems are closed.Youre at the mercy of the mapping service for offline access.Its impossible to do ad-hoc sharing of map data unless the service provides what you need.And you cant mash up data from different sources freely except within the bounds of what the provider allows (e.g. KML limits you to POI). e.g. Base map from MapFanWeb, route from Navitime, shop search from Yahoo Maps, POI from Google MapsBasically, the user is not in control
  • #5: My experienceITU Telecommunication Standardization Sector (ITU-T), 25 Oct 2011, focus on standards-based disaster relief solutions:&quot;(5) to consider scalable vector graphics (SVG) as a key technology for graphical maps on mobile devices&quot;http://www.itu.int/en/ITU-T/tsbdir/cto/Documents/111025/Communique-final.pdf
  • #6: So thats just one down side of relying on closed technology for maps.Youre really dependent on the mapping service, the user has no control, no flexibility.Takagi-san says the Web should be- Anyone use systems without depending on anyone- Anyone easily publish diverse contents- Anyone easily mash-up any contents
  • #9: * The key thing is that tiles are connected via &quot;hyperlinks&quot; - Webby* Links go from low-res containers to high-res containers* Containers contain a series of links to tiles with coord info
  • #10: Of course, containers can be cascaded
  • #11: * Links currently by &lt;animation&gt; should become &lt;tile&gt;- Layer file gives x/y/width/height for viewport only (and, presumably, so UA knows which need to be loaded/pre-fetched)- Actual transformation between coordinate spaces is achieved through the &lt;gCS&gt;
  • #12: * Specifies transformation from local coords to global coordsData from tiles transformed to global coords, then from global coords to tile spaceBoth the container files and tiles have this on themWhy not just specify in global coords to begin with? - precision - ability to look at the file independently- This information is somewhat redundant with the info in the layer file but supports mashup? i.e. you don&apos;t need the containing layer - the coords in the layer is mostly just for establishing the viewport and tell what to loadconcern about the &apos;matrix&apos; notation being confusingsrsName, Tab suggests (&quot;this-is-a-map&quot;)
  • #13: same facility, but overlay the data (how to know which data is to be overlayed and which is to be replaced?)
  • #14: do with media queries?
  • #16: Shared paths -- this is when you have shapes which share an edge. For example, boundaries of countries, esp. when the boundary is dashed. A requirement for SVG2 (http://www.w3.org/Graphics/SVG/WG/wiki/SVG2_Requirements_Input#Shared_paths) but no commitment, at riskFixed-size objects -- e.g. map markers, UI controls i.e. SVG 1.2 Tiny&apos;s transform-ref SVG 2 has a requirement for this (http://www.w3.org/Graphics/SVG/WG/wiki/SVG2_Requirements_Input#Constrained_Transformations) but no commitment, at risk Concern about whether this addresses needs, e.g. rotation without scalingNon-linear transformations Not in SVG 2.
  • #17: Built-in UI controls for mapping (e.g. controls on &lt;video&gt;)--rejected from SVG 2Programming-less geolocation--rejected from SVG 2 i.e. say &quot;center on current location&quot; w/o using scriptSVG views with geographic coords -- e.g. map.svg#svgView(global(lng,lat,w,h))w and h are in degrees -- like another media fragment identifier (basically xywh=degree:lng,lat,w,h) -- would also be useful to just have x,y (e.g. center the map on my restaurant) -- resolved to add to svgView syntax if tiling and layering supported
  • #18: API for smooth transition action of zooing,panning,rotating -- e.g. ability to suspend redraw whilst panning / zooming ? turn off fine detail while panning?Transformation functions between global/geospatial coordinate systems and user/viewport coordinate systems -- accepted for SVG 2 but not listed in requirementsDOM access API for cascading SVG documents -- i.e. &lt;tile&gt; elements need .contentDocument/contentWindow