Today, Jaycobb and I attended the Google Techtalk at AIM Conference Center. Like Jaycobb said, “it’s good to know that Google employees are human after all - and not androids”. Sure it was fun meeting Jay and Franklin, Google engineers from MountainView, but what catches my attention is that these 2 guys are Pinoys and they spent their “20% time” to fly here and share their Google experience - quite encouraging… this shows that Filipinos can really make it to world’s best. I hope they come back more often and share knowledge with us. I’m sure there are lots of local talents that are just waiting to be discovered - like us [ideyatech] and what we’re doing in the open-source area.

They talked about Google Gadgets, Summer of Codes, OpenSocial and Android, certainly lots of cool activities going on at Google. One insight I had from the talk is that “gadgets can be used to promote contents and to increase traffic”. Certainly worthwhile to do a couple of gadgets for our existing projects.

Here’s another picture taken during the chitchat after the seminar, from left: Franklin, Hans (syndeomedia), me and Jay.

BTW, thanks for Hans for pulling some strings to get us into the seminar.

At ideyatech, Google Map Sample Imagewe have recently integrated an application with Google Maps to graphically display key locations. The process is quite simple. Google made Javascript APIs that can be easily integrated with existing codes. Amazingly, this nifty feature can be implemented with less than 15 lines of code.

The first step is to sign up for the API key. This generates a key string that will be included in your script to serve as your identity. Afterwards, update your page to include the necessary javascripts. This is generally an easy task for intermediate programmers. I’d rather not explain the code as Google made reasonable efforts to document the API. It took me about 15 mins to get the sample code running, a few hours to customize the page and integrate with our database. Viola!

One issue was upon us though, Google maps require latitude and longitude information about the locations. Our database contain only address information. What we need is a geo-coding functionality that can translate a physical address into long/lat. There are some open-source projects for geo-coding, but the best we have tested is Yahoo Maps. How ironic, we’re using Yahoo Maps for geo-coding which will be fed to Google maps for viewing.

The process of using Yahoo Maps API is quite simple too. First step is to sign-up for an application ID. Then construct a REST command to issue the query. The syntax is well documented, too. So, the solution is to provide a lat/long “lookup” button within your data entry screen. For usability, we applied Ajax codes to perform the on-the-fly lookup. Due to some security issues with the browser connecting directly to yahoo maps URL, we ended up calling our server which in turn makes the request to Yahoo URL. Here is the js script that makes the call and here is Java code snippet that process the request.

Now, the solution is complete. We have Google maps to display the graphical maps based on lat/long stored in the database and Yahoo geo-coding to translate a physical address to lat/long. This is what I call Web 2.0 integration.