User:Ndoiron/OfflineMap: Difference between revisions

From OLPC
Jump to navigation Jump to search
No edit summary
No edit summary
 
(53 intermediate revisions by 8 users not shown)
Line 1: Line 1:
Creating an Offline Map Activity (compare [[Map_%28activity%29|Online Map]] [http://nzjrs.github.com/osm-gps-map/ Activities]) where users can view maps and add their own markers, photos, and information. It can serve as a powerful tool for [http://wiki.openstreetmap.org/wiki/Humanitarian_OSM_Team/Haiti_Strategy_And_Proposal#Grassroots_Mapping Grassroots Mapping].
Starting with the [http://wiki.sugarlabs.org/go/Activities/Map Map] and [[MapStats]] Activities, and creating an offline map activity where users can view maps and add their own data.


'''Download Alpha from here:''' http://haiti.latest.disaster-tool.appspot.com/OfflineMaps.xo
* '''Download [http://haiti.latest.disaster-tool.appspot.com/OfflineMaps-MP.xo Offline Map Activity] and one country's maps:'''
** Use [http://haiti.latest.disaster-tool.appspot.com/MapPack-Rwanda.xol Rwanda MapPack] - Kigali and Rwamagana only, a compact example
** Use [http://maptonomy.appspot.com/MapPack-Ghana.xol Ghana MapPack] - Accra/Labadi and Adome/Volta regions - developed for RightToDream
** Use [http://maptonomy.appspot.com/MapPack-Uganda.xol Uganda MapPack] - 4 major cities and 2 OLPC deployments in hi-res
** Use [http://maptonomy.appspot.com/MapPack-Peru.xol Peru MapPack] - 7 locations under development for SomosAzucar
** Use [http://haiti.latest.disaster-tool.appspot.com/MapPack-Haiti.xol Haiti MapPack] - Very large file, all deployment maps


'''OR'''
'''Follow [[User:Ndoiron/OfflineMapTutorial our Tutorial]]
* Got internet access? Try [http://wiki.sugarlabs.org/go/Activities/Map Google Maps / OSM activity]


==Objectives==
==Tutorial==
Read and follow [[User:Ndoiron/OfflineMapTutorial|the Tutorial]] article for ideas.
* Browse set of maps of Haiti, working offline ✓
* Ability to map a latitude,longitude point ✓
* Search by name of city to get closest view ✓
* Read in a KML (Google Earth) file of points ✓
* Search by content text ✓
* Create placemarks; add photos and text ✓
* Paste from OpenStreetMap or Google Maps when connected to internet ✓
* Add lines, allowing roadmaps
* Read in a KML file of points and lines
* Use XOL bundles to add additional maps / cities / data
* Share points between XOs ✓


==Viewing Maps==
==Moving the Map==
*You can use the arrows on screen to move the map.
===Pre-loaded===
*The '''+''' and '''-''' buttons zoom in and out
Roadmaps of these areas come with the activity (CC-BY-SA OpenStreetMap).
*Double-click to zoom in on an area
* Lagonav Island
*Search for a city name in the '''Find''' field, or a marker in the '''Tags''' field.
* Jacmel
*Search for GPS coordinates such as "18.63,-74.3" to center on them
* Leogane
* Jeremie
* Saint-Marc


==Making Maps==
Submeter aerial photos (NAVOCEANO)
* Gonaives (harbor area)


===Create Markers, add Text===
A USAID map is also included for:
Add points to the map and add text and other information. Click the marker, and an information bubble appears. More technical users can use HTML - [http://www.pageresource.com/html/index2.htm learn some HTML]. You can edit the description later.
* Port-Au-Prince


These points appear on and can be edited by other XOs that share the activity.
===Loading a KML File===
The more detailed USAID relief map of Port-Au-Prince appears on top of a Haiti roadmap. Instead of zooming in like this, it should be possible to click and "jump" to only the Port-Au-Prince view.


[[Image:JacmelMapped.png]]
'''Just added''' Import KML - these are from MINUSTAH's list of hospitals (MINUSTAH is UN Mission to Haiti)


===Embedding your Photos===
[[Image:PortAuMap.png]]
Photos, audio, and video made in Record can be placed onto the map.


Satellite photos of several cities' harbors are available from the USA's NOAA and NAVOCEANO.
Loading these points on one XO will transmit their location to all XOs sharing the activity. The text content of the points can be edited by any user.


[[Image:AddingPhotosScreenshot.png]]
===Adding from OpenStreetMap===
When a user can connect to the internet, they should be able to add the most recent street map of where they are looking. Since OpenStreetMap uses a Creative Commons license, the image can be stored for the next time the user looks at the map.


===Add from GPS===
[[Image:osmEmbed.png]]
If you want to map a location quickly from GPS, go to '''Search''' and enter coordinates plus "m" for "marker":


'''18.63,-74.3,m'''
OpenStreetMap is [http://www.opengeodata.org/2010/01/24/osm-the-default-map-in-haiti/ the best roadmap of Haiti] at present.


===Adding from Google Maps===
===Add Lines and Shapes===
You can now add lines and shapes, and import files with lines and shapes.
When online, a user can also add a small satellite photo from Google Maps. We are not allowed to store these images offline.


To add your own line, go to the '''Edit''' menu and select the large '''/''' option. Click on the map to start making a line (the color is randomly selected). Each point will be marked by a large black square. You can continue to move the map with the control buttons while making the line. To finish, click the '''/''' option again. To make a shape, select the hexagon option.
[[Image:googleMapEmbed.png]]


[[Image:OfflineMapPolyline.png]]
==Making Maps==


===Create Points, add Text===
==Loading a Maps File==
Import a maps file by selecting the "Add Media" button in the edit menu, and then locating the file on your USB drive. You can import points, lines, and shapes, along with descriptions and data, in a variety of formats:
Add points to the map and add text and other information. More technical users can add HTML.
* .kml (Google Earth and Maps)
* .rss (GeoRSS, such as [http://haiti.ushahidi.com/feed?l=20 latest reports] from Ushahidi)
* .osm (OpenStreetMap.org)
* .xml (OfflineMap saved maps)


Many KML files can be found on [http://finder.geocommons.com/search?query=haiti GeoCommons]. This example shows MINUSTAH's list of hospitals in Port-Au-Prince.
As with KML, these points appear on and can be edited by other XOs that share the activity.


[[Image:PortAuMap.png]]
===Media Mapping with Record===
Photos, audio, and video made in Record can be placed onto the map.


Loading these points on one XO will transmit their location to all XOs sharing the activity. The descriptions can be edited by any user.
Satellite photos of several cities' harbors are available from the USA's NOAA and NAVOCEANO. Only Gonaives is pre-loaded.


==Downloading new basemaps==
[[Image:AddingPhotosScreenshot.png]]
In the '''Edit''' menu, there are two options to download the latest, more detailed map. Select OpenStreetMap or Google Maps, then use the '''+''' cursor to click where on the map to center your detailed map.


===Adding from OpenStreetMap===
==Other Screenshots==
When a user can connect to the internet, they should be able to add the most recent street map of where they are looking. Since OpenStreetMap uses a Creative Commons license, the image could be stored for the next time the user views the map (not currently enabled).
This is a very clumsy beta version.


[[Image:osmEmbed.png]]
The latitude/longitude position of Jacmel is marked with a blue square. Clicking on the square reveals text information. The black square is a centering-mark for drawing additional lines.


OpenStreetMap is [http://www.opengeodata.org/2010/01/24/osm-the-default-map-in-haiti/ the best roadmap of Haiti] at present.
[[Image:JacmelMapped.png]]


===Adding from Google Maps===
When online, a user can also add a small satellite photo from Google Maps. We are not allowed to store these images offline.


[[Image:LagonavWiki.png]]
[[Image:googleMapEmbed.png]]


==Other Screenshots==
As with the Map activity, you can embed a Wikipedia article using codes such as '''wikiHT::'''Lagonav (il) and '''wikiFR::'''La Gonâve, but this requires internet access. If there is a WikiBrowse-Haiti in the works, it would be possible to link to those articles.
As with the [http://wiki.sugarlabs.org/go/Activities/Map Map activity], you can embed a Wikipedia article using codes such as '''wikiHT::'''Lagonav (il) and '''wikiFR::'''La Gonâve, but this requires internet access. If there is a WikiBrowse-Haiti in the works, it would be possible to link to those articles.


Other codes, such as '''img::'''file:///home/media/picture.jpg can also work if needed.
Other codes, such as '''img::'''file:///home/media/picture.jpg can also work if needed.

[[Image:LagonavWiki.png]]

Here is another set with imported maps and data from Ushahidi

[[Image:UshahidiMap.png]]


==Haiti and Beyond==
==Haiti and Beyond==


This activity is being developed as a general offline map of Haiti. If you have a purpose for offline maps of other countries, please contact me by editing this page or e-mailing ndoiron _at_ cmu.edu
This activity is being developed as a general offline map of Haiti. To request offline maps of other countries, please contact me by editing this page or e-mailing ndoiron _at_ cmu.edu


There is interest in using the activity for disaster-response in Bangladesh, and conservation in Uganda.
There is interest in using the activity for disaster-response in Bangladesh, and conservation in Uganda.

Latest revision as of 13:03, 13 May 2011

Creating an Offline Map Activity (compare Online Map Activities) where users can view maps and add their own markers, photos, and information. It can serve as a powerful tool for Grassroots Mapping.

OR

Tutorial

Read and follow the Tutorial article for ideas.

Moving the Map

  • You can use the arrows on screen to move the map.
  • The + and - buttons zoom in and out
  • Double-click to zoom in on an area
  • Search for a city name in the Find field, or a marker in the Tags field.
  • Search for GPS coordinates such as "18.63,-74.3" to center on them

Making Maps

Create Markers, add Text

Add points to the map and add text and other information. Click the marker, and an information bubble appears. More technical users can use HTML - learn some HTML. You can edit the description later.

These points appear on and can be edited by other XOs that share the activity.

JacmelMapped.png

Embedding your Photos

Photos, audio, and video made in Record can be placed onto the map.

Satellite photos of several cities' harbors are available from the USA's NOAA and NAVOCEANO.

AddingPhotosScreenshot.png

Add from GPS

If you want to map a location quickly from GPS, go to Search and enter coordinates plus "m" for "marker":

18.63,-74.3,m

Add Lines and Shapes

You can now add lines and shapes, and import files with lines and shapes.

To add your own line, go to the Edit menu and select the large / option. Click on the map to start making a line (the color is randomly selected). Each point will be marked by a large black square. You can continue to move the map with the control buttons while making the line. To finish, click the / option again. To make a shape, select the hexagon option.

OfflineMapPolyline.png

Loading a Maps File

Import a maps file by selecting the "Add Media" button in the edit menu, and then locating the file on your USB drive. You can import points, lines, and shapes, along with descriptions and data, in a variety of formats:

  • .kml (Google Earth and Maps)
  • .rss (GeoRSS, such as latest reports from Ushahidi)
  • .osm (OpenStreetMap.org)
  • .xml (OfflineMap saved maps)

Many KML files can be found on GeoCommons. This example shows MINUSTAH's list of hospitals in Port-Au-Prince.

PortAuMap.png

Loading these points on one XO will transmit their location to all XOs sharing the activity. The descriptions can be edited by any user.

Downloading new basemaps

In the Edit menu, there are two options to download the latest, more detailed map. Select OpenStreetMap or Google Maps, then use the + cursor to click where on the map to center your detailed map.

Adding from OpenStreetMap

When a user can connect to the internet, they should be able to add the most recent street map of where they are looking. Since OpenStreetMap uses a Creative Commons license, the image could be stored for the next time the user views the map (not currently enabled).

OsmEmbed.png

OpenStreetMap is the best roadmap of Haiti at present.

Adding from Google Maps

When online, a user can also add a small satellite photo from Google Maps. We are not allowed to store these images offline.

GoogleMapEmbed.png

Other Screenshots

As with the Map activity, you can embed a Wikipedia article using codes such as wikiHT::Lagonav (il) and wikiFR::La Gonâve, but this requires internet access. If there is a WikiBrowse-Haiti in the works, it would be possible to link to those articles.

Other codes, such as img::file:///home/media/picture.jpg can also work if needed.

LagonavWiki.png

Here is another set with imported maps and data from Ushahidi

UshahidiMap.png

Haiti and Beyond

This activity is being developed as a general offline map of Haiti. To request offline maps of other countries, please contact me by editing this page or e-mailing ndoiron _at_ cmu.edu

There is interest in using the activity for disaster-response in Bangladesh, and conservation in Uganda.

Using XOL bundles would make it easier to quickly create, install, and switch between map sets.