1. Layout
jQuery Mobile bevat basis componenten voor de layout. Denk hierbij aan header, footer en content. In de documentatie wordt dit bij "pages" uitgelegd. Zie http://demos.jquerymobile.com/1.4.2/pages/
2. Panels (voor menu's)
Zie hier een uitleg over panels: http://demos.jquerymobile.com/1.4.2/panel/
Maak een panel die van links of rechts inschuift en linkt naar 2 of 3 andere pagina's, zorg dat de menu items onder elkaar komen te staan. Hier kun je goed de "linked-list" van de listview widget voor gebruiken. Zie: http://demos.jquerymobile.com/1.4.2/listview/
3. Google Maps
In de game maken we gebruik van een map. Zorg ervoor dat vanuit het menu geklikt kan worden naar de Map. Zie in de documentatie bij "3rd Party Api demos", voor een voorbeeld:
http://demos.jquerymobile.com/1.4.2/map-geolocation/
Tip: link in iedergeval het googlemaps javascript bestand in:
http://demos.jquerymobile.com/1.4.2/map-geolocation/
Tip: link in iedergeval het googlemaps javascript bestand in:
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true" type="text/javascript"></script>
