i'm unable display that On Mon, May 28, 2012 at 2:46 PM, MC Get Vizzy <[email protected]> wrote:
> 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. > -- 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.
