I've been stuck on this for a few days now. I'm having issues adding multiple points to a map using v3 of the Javascript API.

I read this thread and this thread and also this thread on SO and I've caught a few mistakes and made some changes, but I still can't quite get anything to display except for the HTML text in map_canvas.

Any help is much appreciated. Thanks.

Current iteration of code:

<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js type=text/javascript></script> 

<script src=http://maps.google.com/maps/api/js?sensor=false type=text/javascript></script> 

<script type=text/javascript> 

    $(document).ready(function() { initialize(); });



    function initialize() {

        var map_options = {

            center: new google.maps.LatLng(33.84659,-84.35686),

            zoom: 14,

            mapTypeId: google.maps.MapTypeId.ROADMAP

        };



        var google_map = new google.maps.Map(document.getElementById(map_canvas), map_options);



        var info_window = new google.maps.InfoWindow({

            content: 'loading'

        });



        var t = [];

        var x = [];

        var y = [];

        var h = [];



        t.push('Location Name 1');

        x.push(33.84659);

        y.push(-84.35686);

        h.push('<p><strong>Location Name 1</strong><br/>Address 1</p>');



        t.push('Location Name 2');

        x.push(33.846253);

        y.push(-84.362125);

        h.push('<p><strong>Location Name 2</strong><br/>Address 2</p>');



        var i = 0;

        for ( item in t ) {

            var m = new google.maps.Marker({

                map:       google_map,

                animation: google.maps.Animation.DROP,

                title:     t[i],

                position:  new google.maps.LatLng(x[i],y[i]),

                html:      h[i]

            });



            google.maps.event.addListener(m, 'click', function() {

                info_window.setContent(this.html);

                info_window.open(map, this);

            });

            i++;

        }

    }

</script> 

<div id=map_canvas style=width:400px;height:400px;>Google Map</div>