Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Google Map JS Object PoC</title>
<script type="text/javascript" src="../javascript/mootools-release-1.11.js"></script>
<script type="text/javascript" src="../javascript/mootools-release-1.11-extend.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
    var Map = {
            map: null,
            bounds: null,
            markerCount: 0,
            mapOptions: [],
            execute: function()
                {
                    var latlng = new google.maps.LatLng(41.129021,15.249023);
                    var myOptions =
                    {
                        zoom: 5,
                        center: latlng,
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                    };
                    var map = new google.maps.Map($('map_canvas'), myOptions);
                },
            /*addMarker: function(paramArray)
                {
                    w=19;
                    h=22;
                    latlng = new google.maps.LatLng(paramArray.lat, paramArray.lng);
                    markerImage = new google.maps.MarkerImage(paramArray.img, null, null, null, new google.maps.Size(w,h));
                    markerShadow = new google.maps.MarkerImage(paramArray.shdw, null, null, null, new google.maps.Size(w,h));
                    marker = new google.maps.Marker({
                        position: latlng,
                        map: this.map,
                        icon: markerImage,
                        shadow: markerShadow
                    });

                    this.markerCount++;
                    this.attachMessage(marker, paramArray.msg);
                    marker.setMap(this.map);
                },*/
            addMarker: function()
                {
                    var latlng2 = new google.maps.LatLng(41.129021,15.249023);

                    var marker = new google.maps.Marker({
                        position: latlng2,
                        map: this.map
                    });
                    marker.setVisible(true);
                    marker.setMap(this.map);
                },
            attachMessage: function(marker, msg)
                {
                    infowindow = new google.maps.InfoWindow();
                    infowindow.setContent(msg);
                    google.maps.event.addListener(marker, 'click', function(){
                        infowindow.open(this.map, marker);
                    });
                }
        };

    window.addEvent('domready', function()  {
        Map.execute();
        params =
            {
                lat:'45.434143',
                lng:'12.333687',
                img:'../images/mapicons/pin_blue.png',
                shdw:'../images/mapicons/pin_blue_shadow.png',
                msg:'Venice Italy'
            };

        Map.addMarker();
    });
</script>
</head>

<body>
<div id='map_canvas' style='width:500px; height:500px;'>

</div>
</body>
</html>