Embed maps or charts in web pages

You can embed a map, chart, table or card layout in your website to share the visualization with others.

 Make sure the table is accessible.

While looking at the map or chart as you want it to appear:

  1. Select Tools > Publish.
    Optional: To identify where the data came from, click the checkbox "Include data attribution." This is only available for certain non-map visualizations.
  2. Copy the HTML code displayed in the box.
  3. Paste this HTML code into your website or blog's HTML editing feature.
Try the FusionTablesLayer wizard for more options when embedding a map.

Google Sites

Here's how to update your page in Google Sites with a Fusion Tables visualization.

  1. In Google Sites, click the edit page button.
  2. Paste the content into your page.
    • Use a configurable gadget.
      1. Click Insert > More gadgets and select "Include gadget (iframe)." It's written by Scott Johnston. Click Select.
      2. Copy the link (not the HTML) from the Tools > Publish dialog.
      3. Paste it in "URL to content." Try the preview and adjust any settings.
      4. Click OK.
    • Or, for the most direct control, edit the HTML of the page.
      1. Click the <HTML> button on the toolbar.
      2. Locate the spot in the page content where the visualization should appear.
      3. Paste the HTML code (not the link) from the Tools > Publish dialog and click Update.
  3. A Gadget placeholder will show, previewing the location of the visualization in the page.  
  4. Click Save to see the visualization in the Sites page.

 

Using Fusion Tables with Apps for your Domain 

The domain administrator may configure the domain's settings so as to prevent a domain user from setting a document’s visibility to allow non-authenticated access. This prevents embedded visualizations from being able to reach the Fusion Table, resulting in an error.