SlideShare uma empresa Scribd logo
1 de 19
WEB MAPS
TILING &
LAYERING
Background
• Maps as fundamental as
<video>?

• Growth in mobile → more maps?

• Apple entering map space
What’s 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
What’s 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

Mais conteúdo relacionado

Semelhante a Web maps

Going Mobile with HTML5
Going Mobile with HTML5Going Mobile with HTML5
Going Mobile with HTML5John Reiser
 
Bringing HTML5 alive in SharePoint
Bringing HTML5 alive in SharePointBringing HTML5 alive in SharePoint
Bringing HTML5 alive in SharePointChad Schroeder
 
Optimizing your Map Services
Optimizing your Map ServicesOptimizing your Map Services
Optimizing your Map ServicesEsri
 
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 CSS3Helder da Rocha
 
Askayworkshop
AskayworkshopAskayworkshop
Askayworkshopsconnin
 
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 DesignMike Wilcox
 
Making sense of the Graph Revolution
Making sense of the Graph RevolutionMaking sense of the Graph Revolution
Making sense of the Graph RevolutionInfiniteGraph
 
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 ScaleTrieu 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 2013Luis 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 ToolsJohn 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 CanvasJason Harwig
 

Semelhante a Web maps (20)

Going Mobile with HTML5
Going Mobile with HTML5Going Mobile with HTML5
Going Mobile with HTML5
 
Bringing HTML5 alive in SharePoint
Bringing HTML5 alive in SharePointBringing HTML5 alive in SharePoint
Bringing HTML5 alive in SharePoint
 
Optimizing your Map Services
Optimizing your Map ServicesOptimizing your Map Services
Optimizing your Map Services
 
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
 
Svcc 2013-css3-and-mobile
Svcc 2013-css3-and-mobileSvcc 2013-css3-and-mobile
Svcc 2013-css3-and-mobile
 
Agi08 Jeremy Morley
Agi08 Jeremy MorleyAgi08 Jeremy Morley
Agi08 Jeremy Morley
 
Askayworkshop
AskayworkshopAskayworkshop
Askayworkshop
 
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
 
Great Responsive-ability Web Design
Great Responsive-ability Web DesignGreat Responsive-ability Web Design
Great Responsive-ability Web Design
 
Making sense of the Graph Revolution
Making sense of the Graph RevolutionMaking sense of the Graph Revolution
Making sense of the Graph Revolution
 
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...
 
Cross Device Ad Targeting at Scale
Cross Device Ad Targeting at ScaleCross Device Ad Targeting at Scale
Cross Device Ad Targeting at Scale
 
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
 
CSS and CSS3
CSS and CSS3CSS and CSS3
CSS and CSS3
 
Thats Not Flash?
Thats Not Flash?Thats Not Flash?
Thats Not Flash?
 
Patch Maps
Patch MapsPatch Maps
Patch Maps
 
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
 
Html5 on Mobile(For Developer)
Html5 on Mobile(For Developer)Html5 on Mobile(For Developer)
Html5 on Mobile(For Developer)
 
Advanced Web Graphics with Canvas
Advanced Web Graphics with CanvasAdvanced Web Graphics with Canvas
Advanced Web Graphics with Canvas
 
Iagc2
Iagc2Iagc2
Iagc2
 

Último

Mumbai Call Girls Service 9910780858 Real Russian Girls Looking Models
Mumbai Call Girls Service 9910780858 Real Russian Girls Looking ModelsMumbai Call Girls Service 9910780858 Real Russian Girls Looking Models
Mumbai Call Girls Service 9910780858 Real Russian Girls Looking Modelssonalikaur4
 
Dwarka Sector 6 Call Girls ( 9873940964 ) Book Hot And Sexy Girls In A Few Cl...
Dwarka Sector 6 Call Girls ( 9873940964 ) Book Hot And Sexy Girls In A Few Cl...Dwarka Sector 6 Call Girls ( 9873940964 ) Book Hot And Sexy Girls In A Few Cl...
Dwarka Sector 6 Call Girls ( 9873940964 ) Book Hot And Sexy Girls In A Few Cl...rajnisinghkjn
 
Call Girl Lucknow Mallika 7001305949 Independent Escort Service Lucknow
Call Girl Lucknow Mallika 7001305949 Independent Escort Service LucknowCall Girl Lucknow Mallika 7001305949 Independent Escort Service Lucknow
Call Girl Lucknow Mallika 7001305949 Independent Escort Service Lucknownarwatsonia7
 
Housewife Call Girls Hsr Layout - Call 7001305949 Rs-3500 with A/C Room Cash ...
Housewife Call Girls Hsr Layout - Call 7001305949 Rs-3500 with A/C Room Cash ...Housewife Call Girls Hsr Layout - Call 7001305949 Rs-3500 with A/C Room Cash ...
Housewife Call Girls Hsr Layout - Call 7001305949 Rs-3500 with A/C Room Cash ...narwatsonia7
 
Russian Call Girls Gunjur Mugalur Road : 7001305949 High Profile Model Escort...
Russian Call Girls Gunjur Mugalur Road : 7001305949 High Profile Model Escort...Russian Call Girls Gunjur Mugalur Road : 7001305949 High Profile Model Escort...
Russian Call Girls Gunjur Mugalur Road : 7001305949 High Profile Model Escort...narwatsonia7
 
Call Girls Thane Just Call 9910780858 Get High Class Call Girls Service
Call Girls Thane Just Call 9910780858 Get High Class Call Girls ServiceCall Girls Thane Just Call 9910780858 Get High Class Call Girls Service
Call Girls Thane Just Call 9910780858 Get High Class Call Girls Servicesonalikaur4
 
Call Girls Service Nandiambakkam | 7001305949 At Low Cost Cash Payment Booking
Call Girls Service Nandiambakkam | 7001305949 At Low Cost Cash Payment BookingCall Girls Service Nandiambakkam | 7001305949 At Low Cost Cash Payment Booking
Call Girls Service Nandiambakkam | 7001305949 At Low Cost Cash Payment BookingNehru place Escorts
 
VIP Call Girls Mumbai Arpita 9910780858 Independent Escort Service Mumbai
VIP Call Girls Mumbai Arpita 9910780858 Independent Escort Service MumbaiVIP Call Girls Mumbai Arpita 9910780858 Independent Escort Service Mumbai
VIP Call Girls Mumbai Arpita 9910780858 Independent Escort Service Mumbaisonalikaur4
 
Call Girls Viman Nagar 7001305949 All Area Service COD available Any Time
Call Girls Viman Nagar 7001305949 All Area Service COD available Any TimeCall Girls Viman Nagar 7001305949 All Area Service COD available Any Time
Call Girls Viman Nagar 7001305949 All Area Service COD available Any Timevijaych2041
 
call girls in green park DELHI 🔝 >༒9540349809 🔝 genuine Escort Service 🔝✔️✔️
call girls in green park  DELHI 🔝 >༒9540349809 🔝 genuine Escort Service 🔝✔️✔️call girls in green park  DELHI 🔝 >༒9540349809 🔝 genuine Escort Service 🔝✔️✔️
call girls in green park DELHI 🔝 >༒9540349809 🔝 genuine Escort Service 🔝✔️✔️saminamagar
 
Hemostasis Physiology and Clinical correlations by Dr Faiza.pdf
Hemostasis Physiology and Clinical correlations by Dr Faiza.pdfHemostasis Physiology and Clinical correlations by Dr Faiza.pdf
Hemostasis Physiology and Clinical correlations by Dr Faiza.pdfMedicoseAcademics
 
Pharmaceutical Marketting: Unit-5, Pricing
Pharmaceutical Marketting: Unit-5, PricingPharmaceutical Marketting: Unit-5, Pricing
Pharmaceutical Marketting: Unit-5, PricingArunagarwal328757
 
VIP Call Girls Lucknow Nandini 7001305949 Independent Escort Service Lucknow
VIP Call Girls Lucknow Nandini 7001305949 Independent Escort Service LucknowVIP Call Girls Lucknow Nandini 7001305949 Independent Escort Service Lucknow
VIP Call Girls Lucknow Nandini 7001305949 Independent Escort Service Lucknownarwatsonia7
 
Call Girl Koramangala | 7001305949 At Low Cost Cash Payment Booking
Call Girl Koramangala | 7001305949 At Low Cost Cash Payment BookingCall Girl Koramangala | 7001305949 At Low Cost Cash Payment Booking
Call Girl Koramangala | 7001305949 At Low Cost Cash Payment Bookingnarwatsonia7
 
Call Girls In Andheri East Call 9920874524 Book Hot And Sexy Girls
Call Girls In Andheri East Call 9920874524 Book Hot And Sexy GirlsCall Girls In Andheri East Call 9920874524 Book Hot And Sexy Girls
Call Girls In Andheri East Call 9920874524 Book Hot And Sexy Girlsnehamumbai
 
Call Girls Service Noida Maya 9711199012 Independent Escort Service Noida
Call Girls Service Noida Maya 9711199012 Independent Escort Service NoidaCall Girls Service Noida Maya 9711199012 Independent Escort Service Noida
Call Girls Service Noida Maya 9711199012 Independent Escort Service NoidaPooja Gupta
 
Call Girl Bangalore Nandini 7001305949 Independent Escort Service Bangalore
Call Girl Bangalore Nandini 7001305949 Independent Escort Service BangaloreCall Girl Bangalore Nandini 7001305949 Independent Escort Service Bangalore
Call Girl Bangalore Nandini 7001305949 Independent Escort Service Bangalorenarwatsonia7
 
call girls in munirka DELHI 🔝 >༒9540349809 🔝 genuine Escort Service 🔝✔️✔️
call girls in munirka  DELHI 🔝 >༒9540349809 🔝 genuine Escort Service 🔝✔️✔️call girls in munirka  DELHI 🔝 >༒9540349809 🔝 genuine Escort Service 🔝✔️✔️
call girls in munirka DELHI 🔝 >༒9540349809 🔝 genuine Escort Service 🔝✔️✔️saminamagar
 
Glomerular Filtration and determinants of glomerular filtration .pptx
Glomerular Filtration and  determinants of glomerular filtration .pptxGlomerular Filtration and  determinants of glomerular filtration .pptx
Glomerular Filtration and determinants of glomerular filtration .pptxDr.Nusrat Tariq
 
Call Girls Service in Bommanahalli - 7001305949 with real photos and phone nu...
Call Girls Service in Bommanahalli - 7001305949 with real photos and phone nu...Call Girls Service in Bommanahalli - 7001305949 with real photos and phone nu...
Call Girls Service in Bommanahalli - 7001305949 with real photos and phone nu...narwatsonia7
 

Último (20)

Mumbai Call Girls Service 9910780858 Real Russian Girls Looking Models
Mumbai Call Girls Service 9910780858 Real Russian Girls Looking ModelsMumbai Call Girls Service 9910780858 Real Russian Girls Looking Models
Mumbai Call Girls Service 9910780858 Real Russian Girls Looking Models
 
Dwarka Sector 6 Call Girls ( 9873940964 ) Book Hot And Sexy Girls In A Few Cl...
Dwarka Sector 6 Call Girls ( 9873940964 ) Book Hot And Sexy Girls In A Few Cl...Dwarka Sector 6 Call Girls ( 9873940964 ) Book Hot And Sexy Girls In A Few Cl...
Dwarka Sector 6 Call Girls ( 9873940964 ) Book Hot And Sexy Girls In A Few Cl...
 
Call Girl Lucknow Mallika 7001305949 Independent Escort Service Lucknow
Call Girl Lucknow Mallika 7001305949 Independent Escort Service LucknowCall Girl Lucknow Mallika 7001305949 Independent Escort Service Lucknow
Call Girl Lucknow Mallika 7001305949 Independent Escort Service Lucknow
 
Housewife Call Girls Hsr Layout - Call 7001305949 Rs-3500 with A/C Room Cash ...
Housewife Call Girls Hsr Layout - Call 7001305949 Rs-3500 with A/C Room Cash ...Housewife Call Girls Hsr Layout - Call 7001305949 Rs-3500 with A/C Room Cash ...
Housewife Call Girls Hsr Layout - Call 7001305949 Rs-3500 with A/C Room Cash ...
 
Russian Call Girls Gunjur Mugalur Road : 7001305949 High Profile Model Escort...
Russian Call Girls Gunjur Mugalur Road : 7001305949 High Profile Model Escort...Russian Call Girls Gunjur Mugalur Road : 7001305949 High Profile Model Escort...
Russian Call Girls Gunjur Mugalur Road : 7001305949 High Profile Model Escort...
 
Call Girls Thane Just Call 9910780858 Get High Class Call Girls Service
Call Girls Thane Just Call 9910780858 Get High Class Call Girls ServiceCall Girls Thane Just Call 9910780858 Get High Class Call Girls Service
Call Girls Thane Just Call 9910780858 Get High Class Call Girls Service
 
Call Girls Service Nandiambakkam | 7001305949 At Low Cost Cash Payment Booking
Call Girls Service Nandiambakkam | 7001305949 At Low Cost Cash Payment BookingCall Girls Service Nandiambakkam | 7001305949 At Low Cost Cash Payment Booking
Call Girls Service Nandiambakkam | 7001305949 At Low Cost Cash Payment Booking
 
VIP Call Girls Mumbai Arpita 9910780858 Independent Escort Service Mumbai
VIP Call Girls Mumbai Arpita 9910780858 Independent Escort Service MumbaiVIP Call Girls Mumbai Arpita 9910780858 Independent Escort Service Mumbai
VIP Call Girls Mumbai Arpita 9910780858 Independent Escort Service Mumbai
 
Call Girls Viman Nagar 7001305949 All Area Service COD available Any Time
Call Girls Viman Nagar 7001305949 All Area Service COD available Any TimeCall Girls Viman Nagar 7001305949 All Area Service COD available Any Time
Call Girls Viman Nagar 7001305949 All Area Service COD available Any Time
 
call girls in green park DELHI 🔝 >༒9540349809 🔝 genuine Escort Service 🔝✔️✔️
call girls in green park  DELHI 🔝 >༒9540349809 🔝 genuine Escort Service 🔝✔️✔️call girls in green park  DELHI 🔝 >༒9540349809 🔝 genuine Escort Service 🔝✔️✔️
call girls in green park DELHI 🔝 >༒9540349809 🔝 genuine Escort Service 🔝✔️✔️
 
Hemostasis Physiology and Clinical correlations by Dr Faiza.pdf
Hemostasis Physiology and Clinical correlations by Dr Faiza.pdfHemostasis Physiology and Clinical correlations by Dr Faiza.pdf
Hemostasis Physiology and Clinical correlations by Dr Faiza.pdf
 
Pharmaceutical Marketting: Unit-5, Pricing
Pharmaceutical Marketting: Unit-5, PricingPharmaceutical Marketting: Unit-5, Pricing
Pharmaceutical Marketting: Unit-5, Pricing
 
VIP Call Girls Lucknow Nandini 7001305949 Independent Escort Service Lucknow
VIP Call Girls Lucknow Nandini 7001305949 Independent Escort Service LucknowVIP Call Girls Lucknow Nandini 7001305949 Independent Escort Service Lucknow
VIP Call Girls Lucknow Nandini 7001305949 Independent Escort Service Lucknow
 
Call Girl Koramangala | 7001305949 At Low Cost Cash Payment Booking
Call Girl Koramangala | 7001305949 At Low Cost Cash Payment BookingCall Girl Koramangala | 7001305949 At Low Cost Cash Payment Booking
Call Girl Koramangala | 7001305949 At Low Cost Cash Payment Booking
 
Call Girls In Andheri East Call 9920874524 Book Hot And Sexy Girls
Call Girls In Andheri East Call 9920874524 Book Hot And Sexy GirlsCall Girls In Andheri East Call 9920874524 Book Hot And Sexy Girls
Call Girls In Andheri East Call 9920874524 Book Hot And Sexy Girls
 
Call Girls Service Noida Maya 9711199012 Independent Escort Service Noida
Call Girls Service Noida Maya 9711199012 Independent Escort Service NoidaCall Girls Service Noida Maya 9711199012 Independent Escort Service Noida
Call Girls Service Noida Maya 9711199012 Independent Escort Service Noida
 
Call Girl Bangalore Nandini 7001305949 Independent Escort Service Bangalore
Call Girl Bangalore Nandini 7001305949 Independent Escort Service BangaloreCall Girl Bangalore Nandini 7001305949 Independent Escort Service Bangalore
Call Girl Bangalore Nandini 7001305949 Independent Escort Service Bangalore
 
call girls in munirka DELHI 🔝 >༒9540349809 🔝 genuine Escort Service 🔝✔️✔️
call girls in munirka  DELHI 🔝 >༒9540349809 🔝 genuine Escort Service 🔝✔️✔️call girls in munirka  DELHI 🔝 >༒9540349809 🔝 genuine Escort Service 🔝✔️✔️
call girls in munirka DELHI 🔝 >༒9540349809 🔝 genuine Escort Service 🔝✔️✔️
 
Glomerular Filtration and determinants of glomerular filtration .pptx
Glomerular Filtration and  determinants of glomerular filtration .pptxGlomerular Filtration and  determinants of glomerular filtration .pptx
Glomerular Filtration and determinants of glomerular filtration .pptx
 
Call Girls Service in Bommanahalli - 7001305949 with real photos and phone nu...
Call Girls Service in Bommanahalli - 7001305949 with real photos and phone nu...Call Girls Service in Bommanahalli - 7001305949 with real photos and phone nu...
Call Girls Service in Bommanahalli - 7001305949 with real photos and phone nu...
 

Web maps

  • 2. Background • Maps as fundamental as <video>? • Growth in mobile → more maps? • Apple entering map space
  • 3. What’s 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. What’s 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

Notas do Editor

  1. 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.
  2. You can already realise mapping applications in script, the Web platform supports it, so what’s the problem?The main problem is that current systems are closed.You’re at the mercy of the mapping service for offline access.It’s impossible to do ad-hoc sharing of map data unless the service provides what you need.And you can’t 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
  3. 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
  4. So that’s just one down side of relying on closed technology for maps.You’re 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
  5. * 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
  6. Of course, containers can be cascaded
  7. * 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;
  8. * 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;)
  9. same facility, but overlay the data (how to know which data is to be overlayed and which is to be replaced?)
  10. do with media queries?
  11. 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.
  12. 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
  13. 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