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 ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access