jQuery Mobile Twitter

A jquery mobile twitter application

by peterbenoit

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css">
<script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://jquery-ui-map.googlecode.com/svn/trunk/ui/jquery.ui.map.js" type="text/javascript"></script>

<!---- GOOGLE MAPS PAGE ----->
<div data-role="page" id="maps">
    
    <div data-role="header">
        <h1>Google Maps, Fusion Markers &amp; Geo Location</h1>
    </div><!-- /header -->

    <div data-role="content">
 
        <div id="map_canvas" style="height:300px; width:100%"></div>
        
    </div><!-- /content -->

    <div data-role="footer">
       <h1>Google Maps, Fusion Markers &amp; Geo Location</h1>
    </div><!-- /footer -->
    
</div><!-- /page -->

JavaScript

$(function() {
        var nec= new google.maps.LatLng(52.450939, -1.721002);

map = new google.maps.Map(document.getElementById('map_canvas'), {
  center: nec,
  zoom: 14,
  mapTypeId: 'roadmap'
});

var layer = new google.maps.FusionTablesLayer({
  query: {
    select: 'Geocodable address',
    from: '1260763'
  },
});
layer.setMap(map);
    });