Difference between revisions of "Activities/Map"

From Sugar Labs
Jump to navigation Jump to search
 
(29 intermediate revisions by 7 users not shown)
Line 1: Line 1:
The Map activity allows children to create geo-tagged media mashups. Children can place images, videos, and audio recordings onto maps of their communities.  They can use the XO's mesh network and the internet to collaborate on maps, or save the map they're working on to their [[Journal]].
+
<noinclude>{{TOCright}}
 +
[[Category:Activities|Map]]</noinclude>
  
Version 3 speeds up the activity and adds new features: http://maptonomy.appspot.com/Map-3b.xo
+
'''[[Activities/Map/es|(Esta Página en Español)]]'''
  
This activity needs your help to get out of Beta.  '''Please edit this or the discussion page if you have a question.''' The [[Log]] activity should have information on any errors.
+
The Map activity helps children to explore and create their own maps:
 +
 
 +
* See roadmaps and satellite photos
 +
* Search for your school, New York City, Timbuktu, anywhere in the world!
 +
* You can take photos, video, or audio in Record and place them onto the map
 +
* Write about what you see : add descriptions and embed Wikipedia articles
 +
* Add to the map with one click: Panoramio photos, Wikipedia articles, WikiMapia shapes, olpcMAP volunteers and deployments
 +
* Advanced users add HTML and import KML (Google Earth), GeoRSS (Ushahidi), or OSM (OpenStreetMap) files
 +
 
 +
'''Download / Descargar''': http://maptonomy.appspot.com/Map-12.xo
 +
 
 +
This activity needs your help to get out of Beta.  '''Please edit this or the discussion page if you have a question.'''
 +
 
 +
You may be interested in the [http://wiki.laptop.org/go/User:Ndoiron/OfflineMap Offline Maps] project.
  
 
= Tutorial =
 
= Tutorial =
  
== '''[http://wiki.laptop.org/go/Map_(activity)/v3pagina (Página en Español)]''' ==
+
== Getting Started ==
 +
Move the map using the compass arrows on the sides.  Zoom in and out using '''+''' and '''-''' buttons, or double-clicking. Enter a location into the '''Find''' bar to jump to a new location.
  
== Getting Started ==
 
Navigate the map using the compass arrows on the sides of the map.  You can zoom in and out using the '''+''' and '''-''' buttons, or double-clicking.  Enter a location into the '''Find''' bar to jump to a new part of the world.  Like other activities, you can invite other XOs in your network to view the map.
 
<br />
 
<br />
 
 
[[Image:Map-Screenshot.jpg‎]]
 
[[Image:Map-Screenshot.jpg‎]]
<br />
+
 
<br />
+
== Adding Text ==
== Adding Media ==
+
You can add a text marker by clicking the '''i''' marker in the '''Edit''' section.
 +
[[Image:Map-InfoIcon.jpg]]
 +
 
 +
A text marker is shared with your classmates when you share the activity.  You can edit your own or others' text markers by clicking the marker and clicking the '''Edit''' button.  You can find a text marker again by searching for a word in the '''Tags''' search of '''Find'''.
 +
 
 +
== Adding Photos, Video, Audio ==
 
To add media from your journal onto the map, click on the '''Add Media''' button.
 
To add media from your journal onto the map, click on the '''Add Media''' button.
<br />
+
 
 
[[Image:Map-AddMedia.jpg‎]]
 
[[Image:Map-AddMedia.jpg‎]]
<br />
+
 
This will open a file chooser dialog.  Select a picture or video you made in the Record activity.
+
Select a photo, video, or audio file from the Record activity.
<br />
+
 
<br />
 
 
[[Image:Map-SelectMedia.jpg‎]]
 
[[Image:Map-SelectMedia.jpg‎]]
<br />
+
 
<br />
+
Your mouse will become a crosshair (+). Click the map to place the marker.
Your mouse will become a crosshair. Click the map to place the marker.
+
 
<br />
 
<br />
 
 
[[Image:Map-MediaIsOn.jpg‎]]
 
[[Image:Map-MediaIsOn.jpg‎]]
<br />
 
<br />
 
== Adding Text ==
 
You can add a text marker by clicking the '''i''' button in the '''Edit''' section.  A text marker is shared with other XOs in your network.  You can edit your own or others' text markers by clicking the marker and clicking the '''Edit''' button.
 
  
You can add images from the internet using the code '''img::'''www.example.org/picture.jpg
+
== Adding Wikipedia and More ==
 +
You can add images from the internet using the code '''pic::'''www.example.org/picture.jpg
 +
 
 +
[[Image:InfoMarkers.jpg]]
 +
 
 +
You can add Wikipedia articles using a code such as '''wiki::'''Japan
 +
 
 +
For other languages: Spanish (ES.wikipedia.org) is '''wikiES::'''Barcelona, for French, '''wikiFR::'''Paris
 +
 
 +
Other codes are '''google::'''OLPC to embed a Google search, and '''vid::'''www.example.org/video.ogg for OGG videos.
  
You can add articles from Simple English Wikipedia using the code '''wiki::'''Article Name
+
[[Image:Map-EmbedWiki.jpg‎]]
  
You can add articles from other languages' Wikipedias by adding its language code.  For example, Spanish (ES.wikipedia.org) is '''wikiES::''' and French (FR.wikipedia.org) is '''wikiFR::'''
+
== Add Lines and Shapes ==
 +
* Click the line button '''/''' to begin drawing a line.
 +
* Place points onto the map and a line will be drawn to connect them.
 +
* Click the line button again to complete.
 +
[[Image:DrawnPolygons.jpg]]
  
Other codes are '''google::''' to embed a Google search, and '''vid::''' for OGG videos only.
+
Filled shapes can be drawn using the hexagon shape button.
  
[[Image:InfoMarkers.jpg]]
+
== Bookmark Maps ==
 +
You can bookmark a map by clicking the '''star''' button.  Bookmarked maps are added to the bottom of the screen : click a bookmarked map to return to it.
  
== Saving Maps ==
 
You can save a map by clicking the '''star''' button.  Saved maps are added to the tray at the bottom of the activity.  If you click a map button, the map will be returned to the location and zoom level as when the map was saved.
 
<br />
 
<br />
 
 
[[Image:Map-SavedMap.jpg‎]]
 
[[Image:Map-SavedMap.jpg‎]]
<br />
+
 
<br />
 
You can copy an image of this map state to the clipboard if you want to use it in other activities, such as Write or Paint.
 
<br />
 
You can also describe this map as seen in the next screenshot:
 
<br />
 
<br />
 
[[Image:Map-DescribeSaveMap.jpg‎]]
 
<br />
 
<br />
 
 
== Measuring Distance and Area ==
 
== Measuring Distance and Area ==
 
The new Measure feature can measure polyline distance or rectangle area.  This is useful for geometry, surveying, or learning units.
 
The new Measure feature can measure polyline distance or rectangle area.  This is useful for geometry, surveying, or learning units.
  
 
Click the Ruler icon in the '''Edit''' tab.
 
Click the Ruler icon in the '''Edit''' tab.
<br />
+
 
<br />
 
 
[[Image:Map-MeasureOn.jpg‎]]
 
[[Image:Map-MeasureOn.jpg‎]]
<br />
+
 
<br />
+
 
 
Select Distance and click two points to begin measuring.  When you are finished, click '''Done'''.
 
Select Distance and click two points to begin measuring.  When you are finished, click '''Done'''.
<br/>
+
 
<br/>
 
 
[[Image:Map-MeasureDistance.jpg‎]]
 
[[Image:Map-MeasureDistance.jpg‎]]
<br/>
+
 
<br/>
+
 
 
To measure Area, click opposite corners (for example, the northeast and southwest corners of Colorado)
 
To measure Area, click opposite corners (for example, the northeast and southwest corners of Colorado)
<br/>
 
<br/>
 
[[Image:Map-MeasureArea.jpg‎]]
 
  
== Online Content ==
+
==Maps4xo Library==
===The Maps4xo Library===
+
Click the Browse icon in the '''Edit''' Menu to view the library. This example uses the real-life use of GPS to track and protect turtles:
Click the Browse icon in the '''Edit''' Menu to view the library. Maps4xo shows new and nearby map content, as well as links to maps full of '''Wikipedia''' articles and '''Panoramio''' photos.
+
 
<br />
+
[[Image:Map-TurtleMap.jpg‎]]
<br />
 
[[Image:Map-MapLibrary.jpg‎]]
 
<br />
 
<br />
 
The map content is intended to serve as an introduction to GIS/mapping technology uses and concepts.  This example is adapted from the real-life use of GPS to track and protect elephants in East Africa.
 
<br />
 
<br />
 
[[Image:Map-ElephantMap.jpg‎]]
 
<br />
 
<br />
 
  
===The OurMaps Wiki===
+
 
 +
==OurMaps Wiki==
 
OurMaps is a wiki for storing or sharing map markers online.
 
OurMaps is a wiki for storing or sharing map markers online.
  
 
When many markers are in one place, they are combined into a red "cluster" marker:
 
When many markers are in one place, they are combined into a red "cluster" marker:
<br />
+
 
<br />
 
 
[[Image:Map-WikiCluster.jpg‎]]
 
[[Image:Map-WikiCluster.jpg‎]]
<br />
+
 
<br />
 
A marker can have an image or Wikipedia article embedded inside.  This marker uses Simple Wikipedia's mobile site.
 
<br />
 
<br />
 
[[Image:Map-EmbedWiki.jpg‎]]
 
<br />
 
<br />
 
 
It is easy to create a marker and add to the map.  A school can create a private group to collect markers that only they can see.  A public group shares its markers with XO users around the world.
 
It is easy to create a marker and add to the map.  A school can create a private group to collect markers that only they can see.  A public group shares its markers with XO users around the world.
<br />
 
<br />
 
[[Image:Map-AddToWiki.jpg‎]]
 
<br />
 
<br />
 
  
====Codes for Wikipedia, Pictures, Etc====
+
= Development =
In addition to '''wiki::''' , you can add a language code to make '''wikiES::''' for Spanish or '''wikiFR::''' for French.
+
The Map activity was written in PyGTK.  It relies on JavaScript files to interact with Google's Static Maps API and geocoder.
  
The code '''img::''' or '''pic::''' will post an image and '''google::''' will embed a Google search. If you have an OGV video, you can use the code '''vid::''' - note that this will load slowly on most connections.
+
Having the activity work on Sugar-on-a-Stick or emulators is an ongoing problem: http://www.youtube.com/watch?v=6QvMtQIqdfQ
  
= How to Install =
+
You can download the source code in this zip file: http://maptonomy.appspot.com/Map-12.zip
Download this '''.xo''' file using the Browse activity: (http://maptonomy.appspot.com/Map-3b.xo download)
 
  
= Development =
+
All of the Map activity's code is under an MIT License.
The Map activity was written in PyGTK. It relies on javascript files (including prototype.js) to interface with Google Maps V3 and Google's Static Maps API.
+
 
 +
You may be interested in the beta [http://wiki.laptop.org/go/User:Ndoiron/OfflineMap Offline Maps] project.
  
All of the Map activity's code is under an MIT License.
+
==Future Plans==
 +
* Detecting Sugar on a Stick systems and provide them with higher-res maps.
 +
* More travel, history, environmental, and engineering example maps

Latest revision as of 08:21, 29 April 2011

(Esta Página en Español)

The Map activity helps children to explore and create their own maps:

  • See roadmaps and satellite photos
  • Search for your school, New York City, Timbuktu, anywhere in the world!
  • You can take photos, video, or audio in Record and place them onto the map
  • Write about what you see : add descriptions and embed Wikipedia articles
  • Add to the map with one click: Panoramio photos, Wikipedia articles, WikiMapia shapes, olpcMAP volunteers and deployments
  • Advanced users add HTML and import KML (Google Earth), GeoRSS (Ushahidi), or OSM (OpenStreetMap) files

Download / Descargar: http://maptonomy.appspot.com/Map-12.xo

This activity needs your help to get out of Beta. Please edit this or the discussion page if you have a question.

You may be interested in the Offline Maps project.

Tutorial

Getting Started

Move the map using the compass arrows on the sides. Zoom in and out using + and - buttons, or double-clicking. Enter a location into the Find bar to jump to a new location.

Map-Screenshot.jpg

Adding Text

You can add a text marker by clicking the i marker in the Edit section. Map-InfoIcon.jpg

A text marker is shared with your classmates when you share the activity. You can edit your own or others' text markers by clicking the marker and clicking the Edit button. You can find a text marker again by searching for a word in the Tags search of Find.

Adding Photos, Video, Audio

To add media from your journal onto the map, click on the Add Media button.

Map-AddMedia.jpg

Select a photo, video, or audio file from the Record activity.

Map-SelectMedia.jpg

Your mouse will become a crosshair (+). Click the map to place the marker.

Map-MediaIsOn.jpg

Adding Wikipedia and More

You can add images from the internet using the code pic::www.example.org/picture.jpg

InfoMarkers.jpg

You can add Wikipedia articles using a code such as wiki::Japan

For other languages: Spanish (ES.wikipedia.org) is wikiES::Barcelona, for French, wikiFR::Paris

Other codes are google::OLPC to embed a Google search, and vid::www.example.org/video.ogg for OGG videos.

Map-EmbedWiki.jpg

Add Lines and Shapes

  • Click the line button / to begin drawing a line.
  • Place points onto the map and a line will be drawn to connect them.
  • Click the line button again to complete.

DrawnPolygons.jpg

Filled shapes can be drawn using the hexagon shape button.

Bookmark Maps

You can bookmark a map by clicking the star button. Bookmarked maps are added to the bottom of the screen : click a bookmarked map to return to it.

Map-SavedMap.jpg

Measuring Distance and Area

The new Measure feature can measure polyline distance or rectangle area. This is useful for geometry, surveying, or learning units.

Click the Ruler icon in the Edit tab.

Map-MeasureOn.jpg


Select Distance and click two points to begin measuring. When you are finished, click Done.

Map-MeasureDistance.jpg


To measure Area, click opposite corners (for example, the northeast and southwest corners of Colorado)

Maps4xo Library

Click the Browse icon in the Edit Menu to view the library. This example uses the real-life use of GPS to track and protect turtles:

Map-TurtleMap.jpg


OurMaps Wiki

OurMaps is a wiki for storing or sharing map markers online.

When many markers are in one place, they are combined into a red "cluster" marker:

Map-WikiCluster.jpg

It is easy to create a marker and add to the map. A school can create a private group to collect markers that only they can see. A public group shares its markers with XO users around the world.

Development

The Map activity was written in PyGTK. It relies on JavaScript files to interact with Google's Static Maps API and geocoder.

Having the activity work on Sugar-on-a-Stick or emulators is an ongoing problem: http://www.youtube.com/watch?v=6QvMtQIqdfQ

You can download the source code in this zip file: http://maptonomy.appspot.com/Map-12.zip

All of the Map activity's code is under an MIT License.

You may be interested in the beta Offline Maps project.

Future Plans

  • Detecting Sugar on a Stick systems and provide them with higher-res maps.
  • More travel, history, environmental, and engineering example maps