Loading...
<!DOCTYPE html>

<!--
  copyright (c) 2011 Google inc.

  You are free to copy and use this sample.
  License can be found here: http://code.google.com/apis/ajaxsearch/faq/#license
-->

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

<title>Google Maps JavaScript API v3 Example: Fusion Tables Layer</title>

<style>
  body { font-family: Arial, sans-serif; }
  #map-canvas { height: 600px; width:700px; }
</style>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">

var tableid = XXXXXX;
var zoom = 8;
var latlng = new google.maps.LatLng(37.8, -122.2);


function initialize() {
  var map = new google.maps.Map(document.getElementById('map-canvas'), {
    center: latlng,
    zoom: zoom,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });

  var layer = new google.maps.FusionTablesLayer({
    query: {
      select: 'geometry',
      from: tableid
    },
    map: map
  });
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>

</head>
<body>
  <h1>Bay Area Population</h1>
  <div id="map-canvas"></div>
</body>
</html>