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 the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.