google maps: weighted heatmap with fusionTable-data
see:http://stackoverflow.com/questions/14990628/google-maps-mvcarray-with-fusion-tables#comment21080673_14990628
HTML
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=visualization&.js"></script>
<div id="map_canvas" style="height:300px;"></div>
JavaScript
function initialize() {
google.maps.visualRefresh = true;
var isMobile = (navigator.userAgent.toLowerCase().indexOf('android') > -1) || (navigator.userAgent.match(/(iPod|iPhone|iPad|BlackBerry|Windows Phone|iemobile)/));
if (isMobile) {
var viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'initial-scale=1.0, user-scalable=no');
}
var mapDiv = document.getElementById('map_canvas');
mapDiv.style.width = isMobile ? '100%' : '1200px';
mapDiv.style.height = isMobile ? '100%' : '1000px';
var map = new google.maps.Map(mapDiv, {
center: new google.maps.LatLng(11.223539213176132, 104.84041612500008),
zoom: 7,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(document.getElementById('googft-legend-open'));
map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(document.getElementById('googft-legend'));
layer = new google.maps.FusionTablesLayer({
map: map,
heatmap: {
enabled: false
},
query: {
select: "abcdd",
from: "1zP-xQoLspRnlXHhQpS3-7-Hg31JHQdguzEvqio9H",
where: ""
},
options: {
styleId: 3,
templateId: 2
}
});
if (isMobile) {
var legend = document.getElementById('googft-legend');
var legendOpenButton = document.getElementById('googft-legend-open');
var legendCloseButton = document.getElementById('googft-legend-close');
legend.style.display = 'none';
legendOpenButton.style.display = 'block';
legendCloseButton.style.display = 'block';
legendOpenButton.onclick = function () {
legend.style.display = 'block';
legendOpenButton.style.display = 'none';
}
legendCloseButton.onclick = function () {
legend.style.display = 'none';
...