New feature: Fusion Tables (fix example)

hpneo · hpneo · commit 2fef299105cb · 2012-05-28T16:03:08.000-05:00
diff --git a/examples/fusion_tables.html b/examples/fusion_tables.html
@@ -2,7 +2,7 @@
 <html>
 <head>
   <meta charset="utf-8">
-  <title>GMaps.js &mdash; Custom controls</title>
+  <title>GMaps.js &mdash; Fusion Tables layers</title>
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
   <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
   <script type="text/javascript" src="../gmaps.js"></script>
@@ -32,45 +32,26 @@
   </script>
 </head>
 <body>
-  <h1>GMaps.js &mdash; Custom controls</h1>
+  <h1>GMaps.js &mdash; Fusion Tables layers</h1>
   <div class="row">
     <div class="span11">
       <div id="map"></div>
     </div>
     <div class="span6">
-      <p>GMaps.js allows to add custom controls:</p>
-      <pre>map.addControl({
-  position: 'top_right',
-  text: 'Geolocate',
-  style: {
-    margin: '5px',
-    padding: '1px 6px',
-    border: 'solid 1px #717B87',
-    background: '#fff'
+      <p>GMaps.js allows to add Fusion Table layers:</p>
+      <pre>map.getFromFusionTables({
+  query: {
+    select: '\'Geocodable address\'',
+    from: '1mZ53Z70NsChnBMm-qEYmSDOvLXgrreLTkQUvvg'
   },
   events: {
-    click: function(){
-      console.log(this);
+    click: function(marker){
+      console.log(marker);
     }
   }
 });</pre>
       <p>
-        <span class="label notice">Note</span> You can use the following positions:
-        <ul>
-          <li>top_center</li>
-          <li>top_left</li>
-          <li>top_right</li>
-          <li>left_top</li>
-          <li>right_top</li>
-          <li>left_center</li>
-          <li>right_center</li>
-          <li>left_bottom</li>
-          <li>right_bottom</li>
-          <li>bottom_center</li>
-          <li>bottom_left</li>
-          <li>bottom_right</li>
-        </ul>
-        You can learn more of custom controls <a href="https://developers.google.com/maps/documentation/javascript/controls">here</a>.</p>
+        <span class="label notice">Note</span> You can learn more about Fusion Table layers <a href="https://developers.google.com/maps/documentation/javascript/layers#FusionTables">here</a>.</p>
     </div>
   </div>
 </body>
