Skip to content
Find file
Fetching contributors…
Cannot retrieve contributors at this time
65 lines (61 sloc) 2.39 KB
<!DOCTYPE html>
<html>
<head>
<title>Geo Locator</title>
<link rel="stylesheet" href="css/jquery.mobile-1.0a3.min.css" />
<link rel="stylesheet" href="css/styles.css" />
<script type="text/javascript" src="js/phonegap-0.9.3.js"></script>
<script type="text/javascript" src="js/jquery-1.5.min.js"></script>
<script type="text/javascript" src="js/simplegeo.all.jq.min.js"></script>
<script type="text/javascript" src="js/underscore-min.js"></script>
<script type="text/javascript" src="js/backbone-min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.0a3.min.js"></script>
</head>
<body>
<!-- home page -->
<div data-role="page" data-theme="d">
<div data-role="content">
<div style="width:300px; margin: 0 auto">
<img src="images/pointer.png" />
</div>
<div style="width: 260px; margin: 0 auto">
<h3 style="text-align: center" id="closest">searching for closest location<br /> please wait...</h3>
</div>
<div id="options" style="display:none">
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="c">
<li><a href="#navigation">Navigate there</a></li>
</ul>
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="c">
<li><a href="#locations">See other locations</a></li>
</ul>
</div>
</div>
</div>
<!-- map page -->
<div id="navigation" data-role="page" style="width:100%; height:100%" data-theme="d">
<div data-role="header" data-theme="a">
<h1>Navigation</h1>
</div>
<div data-role="content" id="map_canvas" style="height:90%;" data-theme="a">
<div class="page_map" style="height:90%;"></div>
</div>
</div>
<!-- locations page -->
<div id="locations" data-role="page" data-theme="d">
<div data-role="header" data-theme="a">
<h1>Locations</h1>
</div>
<div data-role="content">
<ul id="locList" data-role="listview" data-inset="true" data-theme="c" data-dividertheme="c"></ul>
</div>
</div>
<!-- templates -->
<script id="location-template" type="text/html">
<li data-index="<%=index%>">
<a data-index="<%=index%>" href="#navigation"><%=name%> - <%=address%> <%=city%> <%=province%></a>
</li>
</script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.