What is the problem? On Sat, May 26, 2012 at 1:18 PM, sk <[email protected]> wrote:
> hi im trying to display table,geomap in one page by using fusion table data > plz correct me,if i made any error in thd code > > > > > <!DOCTYPE html> > <html> > <head> > <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> > <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> > <title>Google Maps JavaScript API v3 Example: Fusion Tables Layer > Styling</title> > > <script type="text/javascript" src=" > https://maps.googleapis.com/maps/api/js?key=AIzaSyCNkTBLWcXuFPX9PKqzlSLyTbGInIZGp60&sensor=false > "></script> > > <script type="text/javascript"> > > > > function drawMap() { > > var india = new google.maps.LatLng(21.7679, 78.8718); > > map = new google.maps.Map(document.getElementById('map_canvas'), { > center: india, > zoom: 5, > mapTypeId: google.maps.MapTypeId.ROADMAP > }); > > var layer = new google.maps.FusionTablesLayer({ > query: { > select: 'location', > from: '4033136' > }, > styles: [{ > polygonOptions: { > fillColor: "#FFFF00", > fillOpacity: 0.3 > } > }] > }); > > layer.setMap(map); > } > function drawTable() { > var query = "SELECT FROM '4033136'"; > var data = document.getElementById('data').value; > if (data) { > > > query += " WHERE 'state' = '" + data + "'"; > } > var queryText = encodeURIComponent(query); > var gvizQuery = new google.visualization.Query( > ' > https://docs.google.com/spreadsheet/ccc?key=0ArFGfpB6duBGdFBJNVI1c3liaXd0c3l3UVNFMmZoMEE&pli=1#gid=0' > + queryText); > > gvizQuery.send(function(response) { > var table = new > google.visualization.Table(document.getElementById('visualization')); > table.draw(response.getDataTable(), {showRowNumber: true}); > } > table.draw(); > } > function drawVisualization(){ > drawMap(); > drawTable(); > } > google.maps.event.addDomListener(window,'load',drawVisualization); > > // google.setOnLoadCallback(drawVisualization); > </script> > </head> > <body onload="drawMap()"> > <table> > <tr valign="top"> > <td style="width: 50%;"> > <div id="map_canvas" style="height: 950px; width: 750px; margin: > 15px"></div> > </td> > <td> > <div id="data" style="align: center; width: 700px; height: 300px;"> > </div> > </td> > </tr> > </table> > <div id="visualization" style="align: center; width: 700px; height: > 300px;" ></div> > </body> > </html> > > > > > > -- > You received this message because you are subscribed to the Google Groups > "Google Visualization API" group. > To view this discussion on the web visit > https://groups.google.com/d/msg/google-visualization-api/-/4EbsMLdYVToJ. > To post to this group, send email to > [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group at > http://groups.google.com/group/google-visualization-api?hl=en. > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
