OpenStreetMap Integration

The integration of OpenStreetMap in Roassal has been contributed by Onil Goubier and Thierry Goubier. The GoogleMaps API has been written by Sergio Maass. Both these contributes are under the MIT License.

OpenStreetMap is a collaborative project to create maps ( which offers a nice API to access and download map tiles.

The class RTOSM stands fos OpenStreetMap and is a shape that download and render tiles. Consider the following example:

	v := RTView new.
	map := RTOSM new.
	e := map element.
	v add: e.
	v @ RTDraggableView.

0.1. Simple example of using RTOSM

Figure 0.1 is obtained by simply creating an element from the shape RTOSM and adding it to a view. The map can be scrolled (thanks to v @ RTDraggableView). The Pharo inspector offers zooming in and out.

1. Moving the camera to particular locations

The camera represents the location the user will see the roassal output, and is located at the center of the window that renders the scene. The camera could be located to any particular geographical location. Consider the following:

	v := RTView new.
	map := RTOSM new.
	e := map element.

	v add: e.

	paris := 48.8567 @ 2.3508.
	v @ RTDraggableView.
	v canvas camera translateTo: (map latLonToRoassal: paris).
	v canvas camera noInitializationWhenOpen.

1.1. Pointing the camera to Paris

The variable paris contains a point latitude @ longitude. These coordinate are easily obtained by googling for it (e.g., paris latitude and longitude location is good enough).

Consider the following variation (Figure 1.2):

	v := RTView new.
	map := RTOSM new.
	e := map element.

	v add: e.

	v @ RTDraggableView.

	movingCamera := [ :locationLatLong |
		v canvas camera translateTo: 
			(map latLonToRoassal: locationLatLong). 
		v signalUpdate ].

	"Adding a menu"
	mb := RTMenuBuilder new.
	mb view: v.
	mb menu: 'Paris' callback: [ movingCamera value: 48.8567 @ 2.3508 ].
	mb menu: 'London' callback: [ movingCamera value: 51.50722 @ -0.12750 ].
	mb menu: 'NewYork' callback: [ movingCamera value: 40.7127 @ -74.0059 ].
	mb build.

1.2. Adding a menu with locations

The script above defines the block called movingCamera which takes as argument a geographical location. The blocks moves the camera accordingly and signal a refresh. A menu is then defined to let the user click on each city name to move the camera.

2. Decorating the map

Roassal elements may be added to a view, on top a map. The method RTOSM>>latLonToRoassal: is used to translate geographical coordinates into Roassal space. Consider the following example that shows seisms on Earth (Figure 2.1):

	csv := (ZnEasy get: '') contents.
	tab := RTTabTable new
		input: csv
		usingDelimiter: $,.
	tab removeFirstRow.
	tab replaceEmptyValuesWith: '0' inColumns: #(2 3 5).
	tab convertColumnsAsFloat: #(2 3 5).
	v := RTView new.
	map := RTOSM new.
	e := map element.
	v add: e.
	tab values
		do: [ :row | 
			e := (RTEllipse new
			  size: (2 raisedTo: row fifth) * 10;
			  color: (Color red alpha: 0.3)) elementOn: row fifth.
			e @ RTPopup @ RTHighlightable.
			e translateTo: (map latLonToRoassal: row second @ row third).
			v add: e ].

	v canvas camera scale: 0.02; noInitializationWhenOpen.

	v @ RTDraggableView.

2.1. Seisms on Earth

The script begins by fetching data from the Earthquake Hazards Program server. The fetched CSV file has to be slightly processed to replace ,, entries by ,0, and convert some columns into float numbers. Column 2 of the file coorrespond to the latitude of the event; Column 3 to the longitude; Column 5 to the seism intensity.

For each table row an ellipse is created with an exponential size. Each produced element has a popup and is highlightable. The ellipse is then translated to its position in the Roassal space.

A scale of 0.02 is used to give an overview of the map. Thanks to the noInitializationWhenOpen setting the map keeps the 0.02 scale value when opened. Without this setting, the value of 1 is used.

Finally, the view is made as draggable.

3. Getting country location

It is frequent that some data are given for a particular country. Visualizing data-related country involves a translation from the country name to the geographical location. Consider the data offered by the United Nations High Commissioner for Refugees (unhcr) (UNHCR,

Here is a exceprt of a file obtained from the UNHCR server:

	Year,Country/territory of residence,Total population

Visually representing the number of refugies on an OpenStreetMap requires translating the word Afghanistan and all other country names into points as latitude @ longitude. Since this is a frequent need, we provide facilities for this. The expression RTOSM downloadCountries at: 'result' uses to extract the list of countries and their position. The expression returns a list of dictionaries. Since the result is faithfully structured as the HTTP request, extracting data is a bit cumbersome. Here is an example of getting the geolocation of Afghanistan:

	"Better to store the result in a variable, since it is a time-expensive operation"
	result := RTOSM downloadCountries at: 'result'.
	d := ((result detect: [ :dd | (dd at: 'name') = 'Afghanistan' ]) at: '/location/location/geolocation') first.
	(d at: 'latitude') @ (d at: 'longitude')

Consider the following script (Figure 3.1):

	"Data extracted from"
	countries := RTOSM downloadCountries at: 'result'.
	tab := RTTabTable new input: RTOSM peopleForUNHCR usingDelimiter: $,.
	4 timesRepeat: [ tab removeFirstRow ].
		convertColumn: 3
		to: [ :value | 
			value = '*'
				ifTrue: [ 0 ]
				ifFalse: [ value asNumber ] ].
	v := RTView new.
	map := RTOSM new.
	e := map element.
	v add: e.

	"We are interested in countries that have at least one refugy and we reverse-sort the countries according to the number of refugies they have. This help in case of element overlap of elements"
	interestingRows := (tab values reject: [ :row | row third < 1 ]) 
			sorted: [ :a :b | a third > b third ].

	interestingRows do: [ :row | 
		"Trying to get the country corresponding to the row"
		theCountry := countries 
			detect: [ :each | '*' , (each at: 'name') , '*' match: row second ] 
			ifNone: [ nil ].
		theCountry ifNotNil: [ 
			| lat lon dict |
			dict := (theCountry at: '/location/location/geolocation') first.
			lat := dict at: 'latitude'.
			lon := dict at: 'longitude'.
			e := (RTEllipse new
			 size: (row third / Float pi) sqrt * 2;
			 color: (Color blue alpha: 0.3))
			  {(row second).
			  (row third)}.
			e @ RTPopup.
			e translateTo: (map latLonToRoassal: lat @ lon).
			v add: e ] ].

	v @ RTDraggableView @ RTZoomableView.

3.1. Refugees monitored by the UNHCR

The method peopleForUNHCR contains the data fetched from the UNHCR server.