Hello. I downloaded google maps datatype v. 2.1.0. I am using Umbraco version 6.0.6

I am trying to display google maps, so I can put pins og retrieve locations from the map, but I cannot get any map to show :(

I installed the Datatype and named it: Google Map. I can see it in the Developer section under Data types.

I made a template and a javascript file.

Template: myTemplate

<div id="googleMap" class="contactMap"></div>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#googleMap").googleMap("<umbraco:Item field='gmap' runat='server'/>");
        });
    </script>

Script googleMap: 

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
        $.fn.googleMap = function (location, options) {
            var defaults = {
                lat: 53.41,
                long: -2.99,
                zoom: 13,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                mapTypeControl: false,
                controls: ['GSmallZoomControl3D']
            };

            options = $.extend(defaults, options || {});

            if (location) {
                var value = $.trim(location);
                var point = value.split(',');
                options.lat = parseFloat(point[0]);
                options.long = parseFloat(point[1]);
                options.zoom = parseFloat(point[2]);
            };

            var center = new google.maps.LatLng(options.lat, options.long);

            var map = new google.maps.Map(this.get(0), $.extend(options, { center: center }));

            var storeMarker = new google.maps.Marker({
                position: center,
                map: map
            });
        };
    </script>

But I receive nothing at all. Any suggestions