http://ajax.googleapis.com/ajax/services/search/news?v=1.0&q;=Barack%20Obama%20unitedstates_uselections
http://ajax.googleapis.com/ajax/services/search/video?v=1.0&q;=ytchannel:barackobamadotcom
http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q;=Barack%20Obama&cx;=010222979794876194725:pqldevwuapa
<script type='text/javascript' src='http://www.google.com/jsapi'></script> <script type='text/javascript'> google.load('visualization', '1.0', {'packages': ['table']}); google.setOnLoadCallback(draw); function draw() { // Create a datatable with your data. var dataTable = new google.visualization.DataTable(); dataTable.addColumn('string', 'Equity / Index'); dataTable.addColumn('number', '% Change'); dataTable.addRows(5); var r = 0; dataTable.setCell(r, 0, 'Acme.com'); dataTable.setCell(r, 1, 3.1, '3.1%'); r++; dataTable.setCell(r, 0, 'Brick & Mortar Groceries Inc'); dataTable.setCell(r, 1, -2.43, '-2.43%'); r++; dataTable.setCell(r, 0, 'S&P 500'); dataTable.setCell(r, 1, 0.94, '0.94%'); r++; dataTable.setCell(r, 0, 'Dow Jones'); dataTable.setCell(r, 1, 1.2, '1.2%'); r++; dataTable.setCell(r, 0, 'Nikkei'); dataTable.setCell(r, 1, -0.23, '-0.23%'); // Create a table visualization. var container = document.getElementById('table'); table = new google.visualization.Table(container); // Apply a number formatter to the 2nd column. var options = {'allowHtml' : true}; var formatter = new google.visualization.TableArrowFormat(); formatter.format(dataTable, 1); // Draw the table visualization with the applied formatting. table.draw(dataTable, options); } </script>
<script type='text/javascript' src='http://www.google.com/jsapi'></script> <script type='text/javascript'> google.load('visualization', '1.0', {'packages': ['table']}); google.setOnLoadCallback(draw); function draw() { // Create a datatable with your data. var dataTable = new google.visualization.DataTable(); dataTable.addColumn('string', 'Account', 'account'); dataTable.addColumn('number', 'Balance', 'balance'); dataTable.addRows(5); var r = 0; dataTable.setCell(r, 0, 'Electronics'); dataTable.setCell(r, 1, 12000); r++; dataTable.setCell(r, 0, 'Appliances'); dataTable.setCell(r, 1, -1000); r++; dataTable.setCell(r, 0, 'Gadgets'); dataTable.setCell(r, 1, -21000); r++; dataTable.setCell(r, 0, 'Accessories'); dataTable.setCell(r, 1, 5560); r++; dataTable.setCell(r, 0, 'Casings'); dataTable.setCell(r, 1, 13092); // Create a table visualization. var container = document.getElementById('table'); table = new google.visualization.Table(container); // Apply an number formatter to the 2nd column. var options = {'allowHtml' : true}; var formatter = new google.visualization.TableNumberFormat( {prefix: '$', negativeColor: 'red', negativeParens: true}); formatter.format(dataTable, 1); // Draw the table visualization with the applied formatting. table.draw(dataTable, options); } </script>
<script type='text/javascript' src='http://www.google.com/jsapi'></script> <script type='text/javascript'> google.load('visualization', '1.0', {'packages': ['table']}); google.setOnLoadCallback(draw); function draw() { // Create a datatable with your data. var dataTable = new google.visualization.DataTable(); dataTable.addColumn('string', 'Place', 'place'); dataTable.addColumn('number', 'Altitude', 'altitude'); dataTable.addRows(5); var r = 0; dataTable.setCell(r, 0, 'Dead Sea'); dataTable.setCell(r, 1, -420); r++; dataTable.setCell(r, 0, 'Death Valley'); dataTable.setCell(r, 1, -86); r++; dataTable.setCell(r, 0, 'Mt. Everest'); dataTable.setCell(r, 1, 8848); r++; dataTable.setCell(r, 0, 'Mt. Kilimangaro'); dataTable.setCell(r, 1, 5895); r++; dataTable.setCell(r, 0, 'Marianas Trench'); dataTable.setCell(r, 1, -10924); // Create a table visualization. var container = document.getElementById('table'); table = new google.visualization.Table(container); // Apply an arrow formatter to the 2nd column. var options = {'allowHtml' : true}; var formatter = new google.visualization.TableBarFormat( {base: 0, showValue: true, min: 12000, max: 12000}); formatter.format(dataTable, 1); // Draw the table visualization with the applied formatting. table.draw(dataTable, options); } </script>
First, there's the AJAX API property that provides a simple way to get an approximate, region-level estimate of a user's location based on their IP address. It's as simple as referencing google.loader.ClientLocation, which is made available using the Google AJAX API Loader. This API does not require users to install any client-side software. You can see this new AJAX API in action as part of the 2008 US Election gadget -- the "News by State" will show local news for the state associated with the user's IP.
google.loader.ClientLocation
Second, the Gears Geolocation API provides a way to get a more precise estimate of a user's location. On mobile devices with Gears installed, the Geolocation API can use the cell-ID of nearby cell towers or on-board GPS (if either is available) to improve the postion fix. In the near future, we'll be adding data from your WiFi connection to improve accuracy even further, on both desktop and mobile. In all cases, Gears takes care of assimilating the results from each source and returning the best available position estimate.
The Geolocation API has two JavaScript methods: getCurrentPosition() makes a single, one-off attempt to get a position fix, while watchPosition() watches the user's position over time, and provides an update whenever the position changes. Both methods allow you to configure which sources of location information are used. Gears also keeps track of the best position fix obtained from these calls and makes it available as the lastPosition property. This is a simple way to get an approximate position fix with low cost in terms of both network and battery resources.
getCurrentPosition()
watchPosition()
lastPosition
The privacy of users' location information is extremely important. The first time your site calls the Geolocation API to request a user's location, that user will be shown a permissions dialog where they can choose to allow or deny your site access. Users can change that decision at any time via the "Gears settings" dialog in the browser menu. Google does not keep location information about users when your site uses the Geolocation API.
To use the Geolocation API your users may need to install the Gears browser plugin, a simple process on both desktop and mobile. The Geolocation API is available on platforms currently supported by Gears, including Internet Explorer, Firefox and IE Mobile (selected devices only). For users to be able to use location-enabled features on mobile they will need a Windows Mobile device that supports GPS or cell-ID lookup (for example the Samsung BlackJack II and the HTC Touch Dual, see list of supported device models in our FAQ). We are working hard to bring Gears to more mobile platforms soon. You can download and install Gears at gears.google.com. Or try out some of the first location-enabled mobile web apps using Gears.
Like the rest of Gears, this new Geolocation API is open source. We're also doing our best to work with existing and emerging standards. Gears now implements the current editor's draft of the W3C Geolocation specification, which we've helped to define in collaboration with Microsoft, Mozilla, and others. We're committed to continued collaboration around the emerging HTML5 standard and the APIs specified by the W3C Web Applications Working Group. The goal for Gears is to advance browser capabilities, and part of that is helping define future web standards.
If you're interested in providing feedback or contributing to Gears, there's more info on the project website. There's also an AJAX APIs discussion group -- we're anxious to hear what you think.
alt="{diagram}"
Google XML Pages (GXP) is a templating system we use at Google. Its main focus is markup: we mostly use it for generating HTML and XHTML, but it can work with other flavors of XML, like Atom, KML, and RSS. It also has some support for a few non-markup languages (JavaScript, CSS and plain text), though mostly for embedding them within markup.
