Chapter    4

Creating a GUI for the App with jQuery Mobile

So far, I have shown you how to build a simple UI for map-based web apps with controls directly positioned on the map, according to the positions allowed by the API. However, by using HTML, CSS, and JavaScript combined with a framework like jQuery Mobile, it is possible to create complete GUIs for our iOS geo apps easily and quickly. In this chapter I introduce you to the basics of jQuery Mobile. You will learn how to load the framework in a web app, how to design a UI composed of a header, a map in the middle, and a footer, and how to add controls to the UI. Then you will put everything in practice by learning to build a simple GUI for the U2’s Dublin example app. Notice that is not ...

Get Pro iOS Geo: Building Apps with Location Based Services now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.