var map;
var latitud = 36.18423;
var longitud = -5.43178;
var zoom = 15;
var urlImagen = "http://www.mygmedicinal.es/images/web/marker.png";
var bocadillo = "<div style=\"background-color:#fff; font:90%; margin:0; padding:0\"><h4>MYG - Materiales y Gases Medicinales</h4><p>C/ Mar Mediterráneo, nave 3<br />Polígono Industrial Las Marismas<br />11.379 Los Barrios, Cádiz<br />C.I.F.: B-72082308</p><p>Tlf.: 956 675 011<br />Fax: 956 677 838<br /><a title=\"contacte con MYG - Materiales y Gases Medicinales\" href=\"mailto:info@mygmedicinal.es\">info@mygmedicinal.es</a></p></div>";

function load() {
    if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("mapa"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(latitud, longitud), zoom);

        // Create a base icon for all of our markers that specifies the
        // shadow, icon dimensions, etc.
        var baseIcon = new GIcon();
        baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
        baseIcon.iconSize = new GSize(30, 33);
        baseIcon.shadowSize = new GSize(37, 34);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
        baseIcon.infoShadowAnchor = new GPoint(18, 25);

        function createMarker(point) {
            var icon = new GIcon(baseIcon);
            icon.image = urlImagen;
            var marker = new GMarker(point, icon);
            GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(bocadillo);});
            return marker;
        }
        var point = new GLatLng(latitud, longitud);
        map.addOverlay(createMarker(point));
    }
}