Shawngo.com

In the pursuit furthering my web scripting knowledge, I recently began researching JSON and what it has to offer.

JSON is “a lightweight computer data interchange format. JSON is a subset of the object literal notation of JavaScript but its use does not require JavaScript”.

So what is this Google Maps API and JSON Tutorial mashup all about?

What I did was, take this JSON Tutorial and JSON’d this Google Maps API & JSON Tutorial!

I also used Dustin Diaz’s Rock Solid addEvent() function which initializes my Google Map.

Here is the Google Map Example.

In the source code you will notice that all of the functions and variables that control the Google Map are located inside the obj variable. It got a bit hairy debugging the myclick() function because of how the Google Maps API Tutorial had it set up.

A bit of style added to a nicer map.

UPDATE - I added this map to MealsAndDeals.com.. This could easily be a Google Maps-based site! How fun would that be! </chuckle>

Here’s the Ajaxian thumb rate script tutorial.

Here’s the Ajaxian thumb rate script example.

The script uses the Prototype.js Javascript Framework to make it light-weight and easy to manage. Here is a great Prototype documentation site.