SHARE
TWEET

Untitled

a guest Oct 7th, 2013 261 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>jQM Complex Demo</title>
  5.         <meta name="viewport" content="initial-scale=1, maximum-scale=1"/>
  6.         <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
  7.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
  8.         <style>
  9.             #content {
  10.                 padding: 0;
  11.                 position : absolute !important;
  12.                 top : 40px !important;  
  13.                 right : 0;
  14.                 bottom : 40px !important;  
  15.                 left : 0 !important;    
  16.             }
  17.         </style>
  18.         <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>    
  19.         <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>  
  20.         <script>
  21.             $(document).on('pageinit', '#index', function(e, data) {
  22.                 var minZoomLevel = 12;
  23.  
  24.                 var map = new google.maps.Map(document.getElementById('map_canvas'), {
  25.                     zoom: minZoomLevel,
  26.                     center: new google.maps.LatLng(38.50, -90.50),
  27.                     mapTypeId: google.maps.MapTypeId.ROADMAP
  28.                 });
  29.             });
  30.         </script>
  31.     </head>
  32.     <body>
  33.         <div data-role="page" id="index">
  34.             <div data-theme="a" data-role="header">
  35.                 <h3>First Page</h3>
  36.             </div>
  37.             <div data-role="content" id="content">
  38.                 <div id="map_canvas" style="height:100%"></div>
  39.             </div>
  40.             <div data-theme="a" data-role="footer" data-position="fixed">
  41.                 <h3>First Page</h3>
  42.             </div>
  43.         </div>
  44.     </body>
  45. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top