test

#map-canvas{ float: left; height: 660px; width: 980px; } #form { margin: 5px 0 25px; } #form label{ display: block; font-size: 14px; font-family: "Arial", sans-serif; } #form #search, #form #reset{ background: #fc3b6d; color:#FFF; cursor: pointer; font-family:"Arial", sans-serif; font-size: 12px; margin-top: 15px; padding: 5px 10px; border: none; border-radius: 20px; } #form #search:hover, #form #reset:hover { background: #ff6990; } #address { width: 200px; padding: 6px 12px; border: 1px solid #fc3b6d; border-radius: 6px; margin: 12px 7px 0 0; } clubs - Google Fusion Tables html, body, #googft-mapCanvas { height: 300px; margin: 0; padding: 0; width: 500px; } 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('googft-mapCanvas'); mapDiv.style.width = isMobile ? '100%' : '660px'; mapDiv.style.height = isMobile ? '100%' : '670px'; var map = new google.maps.Map(mapDiv, { center: new google.maps.LatLng(46.23908955306145, 2.664886891577112), zoom: 6, mapTypeId: google.maps.MapTypeId.ROADMAP }); layer = new google.maps.FusionTablesLayer({ map: map, heatmap: { enabled: false }, query: { select: "col10", from: "1d3owceawEmb-rZ3kiS7AQgf-wxdztCwK792FFbbz", where: "" }, options: { styleId: 3, templateId: 5 } }); 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'; legendOpenButton.style.display = 'block'; } } google.maps.event.addDomListener(document.getElementById('search'), 'click', zoomToAddress); google.maps.event.addDomListener(window, 'keypress', function(e) { if (e.keyCode == 13) { zoomToAddress(); } }); google.maps.event.addDomListener(document.getElementById('reset'),'click', function() { map.setCenter(defaultCenter); map.setZoom(defaultZoom); layer.setOptions({ query: { select: locationColumn, from: tableId } }); }); } google.maps.event.addDomListener(window, 'load', initialize);