problemas con google map

destor77 · #1 (**permalink**) 28/01/2012, 17:36

Hola, estoy intentando usar el api v3 de google map en mi localhost y no me muestra nada solo la pantalla en blanco, mi html esta formado asi:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
                <base href="http://localhost/laherradura/"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <style type="text/css" media="screen">
        @import "website/template/css/reset.css";
        @import "website/template/css/styles.css";
        @import "website/template/css/helpers.css";
    </style>
    <style type="text/css" media="print">
        @import "website/template/css/print.css";
    </style>
        <script type="text/javascript">
            var baseJs = 'http://localhost/laherradura/core/js/';var baseUrl = 'http://localhost/laherradura/';        </script>
 
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript">
    window.onload = function(){
        var options = {
            zoom: 9,
            center: new google.maps.LatLng(18.1, -66.4),
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            disableDoubleClickZoom: true,
            draggable: false,
            scrollwheel: false,
            disableDefaultUI: true
        };
        var map = new google.maps.Map(document.getElementById('map'), options);
    };
    </script>
 
 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>      
        <script type="text/javascript" src="http://localhost/laherradura/core/js/punk.js"></script>
    <script type="text/javascript" src="website/template/js/funciones.js"></script>
    <script type="text/javascript" src="website/template/js/swfobject.js"></script>
 
 
    <script type="text/javascript">
        // Javascript Internet Explorer Versions
        var is_IE = false;
        var is_IE6 = false;
        var is_IE7 = false;
        var is_IE8 = false;
    </script>
 
    <!--[if IE]>
        <link rel="stylesheet" type="text/css" href="website/template/css/ie.css" />
        <script type="text/javascript">
            is_IE = true;
        </script>
    <![endif]-->
 
    <!--[if IE 6]>
        <link rel="stylesheet" type="text/css" href="website/template/css/ie6.css" />
        <script type="text/javascript" src="website/template/js/DD_belatedPNG_0.0.8a-min.js"></script>
        <script type="text/javascript">
            is_IE6 = true;
            DD_belatedPNG.fix('.trns');
        </script>
    <![endif]-->
 
    <!--[if IE 7]>
        <link rel="stylesheet" type="text/css" href="website/template/css/ie7.css" />
        <script type="text/javascript">
            is_IE7 = true;
        </script>
    <![endif]-->
 
    <!--[if IE 8]>
        <link rel="stylesheet" type="text/css" href="website/template/css/ie8.css" />
        <script type="text/javascript">
            is_IE8 = true;
        </script>
    <![endif]-->
 
        <meta name="description" content="Inmobiliaria La Herradura" />
        <meta name="keywords" content="Inmobiliaria La Herradura,ventas de campos,alquileres de campos"/>
 
        <meta name="google-site-verification" content="" />
        <meta name="language" content="" />
        <meta http-equiv="Content-Language" content="" />
        <meta name="revisit-after" content="7 days" />
        <meta name="robot" content="Index,Follow" />
        <meta name="robot" content="All" />
 
        <meta name="Distribution" content="Global" />
        <meta http-equiv="Pragma" content="no-cache" />
        <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
        <meta name="rating" content="general" />
 
        <meta name="author" http-equiv="Author" content="Onírico Sistemas"/>
        <meta name="copyright" content="Copyright Onírico Sistemas - www.oniricosistemas.com" />
        <meta name="generator" content="Framework Punk PHP 0.3.2" />
 
        <link rel="icon" type="image/x-icon" href="website/template/images/favicon.ico" />
 
        <link rel="shortcut icon" href="website/template/images/favicon.ico" />
 
        <title>Inmobiliaria La Herradura - </title>
    </head>
    <body><div id="map">
    
</div>    </body>
</html>

estoy haciendo algo mal con el js ?
saludos y desde ya muchas gracias!