Search Ask Full site We begin again by uniquely identifying the page. The markup,

section display the unique copy for the page view. The unique copy is just a series of

,
, and tags. One important note is the additional rel=”external” attribute on the tag. Any time you want to leave the jQuery mobile environment, you need to give a cue to the javascript. All links to external resources need to follow this convention to turn off the jQuery mobile framework. See the example below. The final part of this step is to carry out all of the above markup routines on the about and hours page views. Step 6: Create the HTML Markup used for Layout and Display for the Where Page The “Where” page view breaks from our above markup routines for a couple of reasons. First, we are launching an internal viewer using the dialog popover effect. And second, we are bringing in some dynamic data from the Google Static Maps API to create a map image. To tell the Javascript to overlay the map on top of the home page we create an HTML markup cue into the dialog function when set the link in the global navigation. Where With the above markup, we are taking advantage of the jQuery mobile function that will create the overlay effect using the “dialog” call and assign a stylized transition to the popover that loads the map into view. The full markup for the page is actually pretty straightforward.

Mobile @ Your Library

Where is MSU Libraries?

Back to home

Home Search Ask Full site

The tricky part is customizing the map for your location. As before, we start by assigning the unique page view value using the
markup. Next we move on to create the custom map image. The markup for the image should be familiar. It is a simple tag with a call linking into the Google Static Maps API. In order to assign a specific location we need to pass a few parameters to the Google Static Maps API. Included among the customizations: A central location for the map A zoom level for the map A size for our map image A marker color and position using latitude and longitude Set the map to display for mobile settings without a sensor The necessary pieces to enter are a central location and your specific latitude and longitude. Enter your hometown for the central location in the format of {city, state or principality}. To get your latitude and longitude, visit http://gmaps-samples-v3.googlecode.com/svn/trunk/geocoder/getlatlng.html and type in your library address.