Databases
StackOverflow2013
Postsdbo
POGoogle map & fusion heat map not showing
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POGoogle map & fusion heat map not showing
    primarykey
    data
    text
    <p>I have a Fusion table and inside fusion tables I can visualize it and the "display as heatmap" works fine. But as soon as I make a google map following the code examples at <a href="https://developers.google.com/maps/documentation/javascript/examples/layer-fusiontables-heatmap" rel="nofollow">https://developers.google.com/maps/documentation/javascript/examples/layer-fusiontables-heatmap</a> it doesn't work (yes, I've used the right table Id and it's shared as the map with only markers works fine). I've also copied the code from the javascript+html tab for the example heatmap, but everything I get is a html that is blank.</p> <p>I'm really confused on why the heatmap won't work.</p> <p>This is the code for the fusion table map with the fusion table data with markers.</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt; html, body, #map-canvas { margin: 0; padding: 0; height: 100%; &lt;/style&gt; &lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"&gt; &lt;/script&gt; &lt;script type="text/javascript"&gt; var map; var layerl0; function initialize() { map = new google.maps.Map(document.getElementById('map-canvas'), { center: new google.maps.LatLng(46.145359594889875, 14.900421375462382), zoom: 9 }); var style = [ { featureType: 'all', elementType: 'all', stylers: [ { saturation: -70 } ] } ]; var styledMapType = new google.maps.StyledMapType(style, { map: map, name: 'Styled Map' }); map.mapTypes.set('map-style', styledMapType); map.setMapTypeId('map-style'); layerl0 = new google.maps.FusionTablesLayer({ query: { select: "'col2'", from: 'iLyOjPD3jRuyvv3lIVcJ5edgVPhgaNNelo' }, dissipating: true, map: map, }); } google.maps.event.addDomListener(window, 'load', initialize); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="map-canvas"&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>I would really appriciate any Ideas why the heat maps wont work (even with the sample code from Google).</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USBor Glavic
    1. USBor Glavic
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. COyou forgot to add the option `heatmap: { enabled: true }`
      singulars
      1. POGoogle map & fusion heat map not showing
      1. USDr.Molle
    2. COAlso note: when you use any of the google-examples you must change the href of the stylesheet to https://developers.google.com/maps/documentation/javascript/examples/default.css , otherwise the stylesheet can't be loaded and the #map_canvas will have no height(that's why you don't see anything)
      singulars
      1. POGoogle map & fusion heat map not showing
      1. USDr.Molle
    3. COOne more point: "dissipating: true" is a setting for the client-side heatmap API, but not for FusionTablesLayers.
      singulars
      1. POGoogle map & fusion heat map not showing
      1. USRod McChesney
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload