Map implementation

map

<div>

    <section id="google-map" class="gmap" style="height: 410px;"></section>

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

    <script type="text/javascript">

        jQuery('#google-map').gMap({

            address: 'Rua 20 de Setembro, 150, Campo Bom',
            maptype: 'ROADMAP',
            zoom: 14,
            markers: [
                {
                    address: "Rua 20 de Setembro, 150, Campo Bom",
                    html: '<div style="width: 300px;"><h4 style="margin-bottom: 8px;">Olá, <span>venha nos visitar!</span></h4><p class="nobottommargin">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quasi sed sint consequuntur ex corrupti corporis numquam dolorum aut, soluta a necessitatibus harum reprehenderit molestias quaerat saepe voluptas quisquam earum.</p></div>',
                    icon: {
                        image: "images/icons/map-icon-red.png",
                        iconsize: [32, 39],
                        iconanchor: [32,39]
                    }
                }
            ],
            doubleclickzoom: false,
            controls: {
                panControl: true,
                zoomControl: true,
                mapTypeControl: true,
                scaleControl: false,
                streetViewControl: false,
                overviewMapControl: false
            }

        });

    </script>

</div>

Just found the source: https://github.com/marioestrada/jQuery-gMap