It's a Small World
Let's begin! Remember to look at this window for information.
Cite the Capitals
In this geo-game, your goal is to place the capital markers in their appropriate countries.
- Click marker for city information
- Click and drag marker to move marker
- Right click marker to auto place marker at correct location
- Note: Marker may not be placed exactly in country, might need to zoom in and fix or right-click again.
- Toggle polys on/off by selecting easy/hard mode
- Click on solved country to see information about country
Fix the Flags
In this geo-game, your goal is to place flags in the countries they belong to.
- Click and drag marker to move marker
- Right click marker to auto place marker at correct location
- Note: Marker may not be placed exactly in country, might need to zoom in and fix or right-click again.
- Toggle polys on/off by selecting easy/hard mode
- Click on solved country to see information about country
All flag icons are from icon-icons.com.
Place the Photos
Move the draggable photos of popular global tourist locations to the country they are located in.
- Click and drag marker to move marker
- Right click marker to auto place marker at correct location
- Note: Marker may not be placed exactly in country, might need to zoom in and fix or right-click again.
- Toggle polys on/off by selecting easy/hard mode
- Click on solved country to see information about country
Web Application Information
To get the array of coordinates for the countries, we had to parse an SQL/CSV file to obtain them with R.
The process can be seen here.
To create the marker animation, we had to calculate the distances to move the marker each animation cycle
using a helpful snippet from this
question.
All flag icons are from icon-icons.com.
Photos of tourist locations are from Getty Images.