<!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

<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>

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

<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);

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