SlideShare a Scribd company logo
1 of 36
Mappetizer Web Mapping Applications     Mappetizer Tourist- and City-Info and Mappetizer Travel Diary Ruth LANG , Armin MÜLLER
Introduction ,[object Object],[object Object],[object Object],[object Object]
Main Goals and Ideas ,[object Object],[object Object],[object Object],[object Object],[object Object]
Main Goals and Ideas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Contents ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Dojo Toolkit ,[object Object],[object Object],[object Object],[object Object],[object Object]
Dojo ,[object Object],[object Object],[object Object],[object Object],[object Object]
Dijit ,[object Object]
Dijit ,[object Object],[object Object],[object Object]
Dijit ,[object Object]
TabContainer, ContentPane ,[object Object]
TabContainer, ContentPane ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
TitlePane ,[object Object]
TitlePane ,[object Object],[object Object],[object Object]
DojoX ,[object Object]
OpenStreetMap ,[object Object]
OpenStreetMap ,[object Object],[object Object]
OpenStreetMap ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
OpenStreetMap ,[object Object],[object Object],[object Object],[object Object],[object Object]
Importing/Displaying the GPS Data ,[object Object],[object Object]
GPX (GPS Exchange Format)  ,[object Object],[object Object]
GPX 1.1 Schema ,[object Object],[object Object]
GPX 1.1 Schema ,[object Object],[object Object]
GPX 1.1 Schema For Tracks <trk/> ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Organizing the Application ,[object Object]
Building up the Legend/Topics ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Multilingualism ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
GeoNames Webservices ,[object Object],[object Object]
GeoNames Weather Webservice ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
GeoNames Weather Webservice ,[object Object],[object Object],[object Object],[object Object],[object Object]
GeoNames Weather Webservice
UTC Time Zone ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
OSM Nominatim ,[object Object],[object Object],[object Object]
OSM Nominatim ,[object Object]
Next Step ,[object Object],[object Object],[object Object]
Thank you very much for your attention Armin MÜLLER, Ruth LANG Further information about Mappetizer http://www.mappetizer.de

More Related Content

Similar to Mappetizer Web mapping software

Beholding the giant pyramid of application development; why Ajax applications...
Beholding the giant pyramid of application development; why Ajax applications...Beholding the giant pyramid of application development; why Ajax applications...
Beholding the giant pyramid of application development; why Ajax applications...Javeline B.V.
 
Yahoo Mobile Widgets
Yahoo Mobile WidgetsYahoo Mobile Widgets
Yahoo Mobile WidgetsJose Palazon
 
Event Visualization with OpenStreetMap Data, Interdisciplinary Project
Event Visualization with OpenStreetMap Data, Interdisciplinary ProjectEvent Visualization with OpenStreetMap Data, Interdisciplinary Project
Event Visualization with OpenStreetMap Data, Interdisciplinary ProjectBibek Shrestha
 
Csphtp1 18
Csphtp1 18Csphtp1 18
Csphtp1 18HUST
 
Spatial Data Integrator - Software Presentation and Use Cases
Spatial Data Integrator - Software Presentation and Use CasesSpatial Data Integrator - Software Presentation and Use Cases
Spatial Data Integrator - Software Presentation and Use Casesmathieuraj
 
GIS 5103 – Fundamentals of GISLecture 83D GIS.docx
GIS 5103 – Fundamentals of GISLecture 83D GIS.docxGIS 5103 – Fundamentals of GISLecture 83D GIS.docx
GIS 5103 – Fundamentals of GISLecture 83D GIS.docxshericehewat
 
IQPC Canada XML 2001: How to Use XML Parsing to Enhance Electronic Communication
IQPC Canada XML 2001: How to Use XML Parsing to Enhance Electronic CommunicationIQPC Canada XML 2001: How to Use XML Parsing to Enhance Electronic Communication
IQPC Canada XML 2001: How to Use XML Parsing to Enhance Electronic CommunicationTed Leung
 
Creating Maps With Style
Creating Maps With StyleCreating Maps With Style
Creating Maps With Stylerobertbray
 
Web 2.0 Lessonplan Day1
Web 2.0 Lessonplan Day1Web 2.0 Lessonplan Day1
Web 2.0 Lessonplan Day1Jesse Thomas
 
Is There Room For Another Elephant In Tucson
Is There Room For Another Elephant In TucsonIs There Room For Another Elephant In Tucson
Is There Room For Another Elephant In TucsonAndy Lenards
 
SessionFive_ImportingandExportingData
SessionFive_ImportingandExportingDataSessionFive_ImportingandExportingData
SessionFive_ImportingandExportingDataHellen Gakuruh
 

Similar to Mappetizer Web mapping software (20)

Beholding the giant pyramid of application development; why Ajax applications...
Beholding the giant pyramid of application development; why Ajax applications...Beholding the giant pyramid of application development; why Ajax applications...
Beholding the giant pyramid of application development; why Ajax applications...
 
Processing XML with Java
Processing XML with JavaProcessing XML with Java
Processing XML with Java
 
HTML5
HTML5HTML5
HTML5
 
BluePrint Mobile Framework
BluePrint Mobile FrameworkBluePrint Mobile Framework
BluePrint Mobile Framework
 
Yahoo Mobile Widgets
Yahoo Mobile WidgetsYahoo Mobile Widgets
Yahoo Mobile Widgets
 
Event Visualization with OpenStreetMap Data, Interdisciplinary Project
Event Visualization with OpenStreetMap Data, Interdisciplinary ProjectEvent Visualization with OpenStreetMap Data, Interdisciplinary Project
Event Visualization with OpenStreetMap Data, Interdisciplinary Project
 
Csphtp1 18
Csphtp1 18Csphtp1 18
Csphtp1 18
 
Spatial Data Integrator - Software Presentation and Use Cases
Spatial Data Integrator - Software Presentation and Use CasesSpatial Data Integrator - Software Presentation and Use Cases
Spatial Data Integrator - Software Presentation and Use Cases
 
GIS Data Types
GIS Data TypesGIS Data Types
GIS Data Types
 
GIS 5103 – Fundamentals of GISLecture 83D GIS.docx
GIS 5103 – Fundamentals of GISLecture 83D GIS.docxGIS 5103 – Fundamentals of GISLecture 83D GIS.docx
GIS 5103 – Fundamentals of GISLecture 83D GIS.docx
 
IQPC Canada XML 2001: How to Use XML Parsing to Enhance Electronic Communication
IQPC Canada XML 2001: How to Use XML Parsing to Enhance Electronic CommunicationIQPC Canada XML 2001: How to Use XML Parsing to Enhance Electronic Communication
IQPC Canada XML 2001: How to Use XML Parsing to Enhance Electronic Communication
 
Creating Maps With Style
Creating Maps With StyleCreating Maps With Style
Creating Maps With Style
 
Web 2.0 Lessonplan Day1
Web 2.0 Lessonplan Day1Web 2.0 Lessonplan Day1
Web 2.0 Lessonplan Day1
 
Odp
OdpOdp
Odp
 
Geoprocessing
GeoprocessingGeoprocessing
Geoprocessing
 
REST dojo Comet
REST dojo CometREST dojo Comet
REST dojo Comet
 
Is There Room For Another Elephant In Tucson
Is There Room For Another Elephant In TucsonIs There Room For Another Elephant In Tucson
Is There Room For Another Elephant In Tucson
 
SessionFive_ImportingandExportingData
SessionFive_ImportingandExportingDataSessionFive_ImportingandExportingData
SessionFive_ImportingandExportingData
 
HTML
HTMLHTML
HTML
 
HTML5 Fundamentals
HTML5 FundamentalsHTML5 Fundamentals
HTML5 Fundamentals
 

Mappetizer Web mapping software

  • 1. Mappetizer Web Mapping Applications Mappetizer Tourist- and City-Info and Mappetizer Travel Diary Ruth LANG , Armin MÜLLER
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36. Thank you very much for your attention Armin MÜLLER, Ruth LANG Further information about Mappetizer http://www.mappetizer.de

Editor's Notes

  1. , underground stations
  2. Mappetizer arranges most of the information in such a TabContainer. The main advantage is the space saving possibilities which come across with this kind of solution.
  3. Mappetizer uses this kind of widget to display the identify results. When clicking on an object in the map, a new TitlePane is programmatically created through JavaScript and appended to the info tab, which stores all the information (TitlePanes). This allows you to have easy access to all information once requested, without covering the map (and losing orientation on it) at the same time.
  4. Mappetizer uses for example dojox.image.Lightbox to show images centered on the screen.
  5. In our application the appropriate zoom level for the choosen extent is calculated this way, that the displayed width of one tile doesn&apos;t goes beyond its size (256 pixel), then the next zoom level is choosen. With this method it seems like you have a continous zooming behaviour and not only the descrete zoom levels known from Google Maps, Bing Maps or OpenStreetMap, which sometimes ends in loosing orientation while zooming in or out. When knowing the zoom level the xminTile, xmaxTile, yminTile and ymaxTile can be estimated and all the tiles in between are appended as image nodes to the SVG document.
  6. As OSM Mapnik data are in a Mercator projection, all GPS data have to be transformed from latitude/longitude values to the Mercator projection.
  7. All the information within the GPX/XML file is used to display the data. Either as images, circles or paths on the map or as further information when clicking on one of those elements in the map.
  8. The legend itself is an embedded SVG element. Each gpxLayer makes an entry in the legend and can be seen as a sort of a chapter. A gpxLayer may include other gpxLayer(s), as sub chapters/layers. This kind of gpxLayer can be seen as a &amp;quot;group layer&amp;quot; unlike those layers which include one ore more &lt;gpxfile&gt;. So after designing the gpxconfig.xml file, the legend might have a look in the application like this example.
  9. As the application supports multilingualism, the tags within the GPX files can be expanded with different language tags. Within the gpxinterface.xml file the terms for display (captions and headings) are set. For example if a comment is made about the track, it will be noted within the specific tag like this:
  10. I want to explain a bit of the technology by showing the use of the Weather webservice within the application.
  11. GeoNames already offers some decoding of the METAR format, like stationName, datetime, windSpeed, windDirection, but we realized that cloudiness as well as information about snow or rain need further analyses of the string.
  12. So depending on the cloud ceiling, the specific picture is appended as an image node to the SVG document and other information (temperature, wind direction, wind speed) are drawn on top on it. The mouseover gives information about the station name and (local) time of observation.
  13. and the desired information: rawOffset. As our idea was to change the symbol from day (sunlight) to night (moonlight) I wanted information about sunrise and sunset from the specific lat/lng values. This information was available for us within one day (thanks Marc for your help)!
  14. In a next step, the application will either zoom to that location (if it is only one record) or will list all entries below the text box, so the user can choose from the list and then zoom to that location in a next step.