Ciao a tutti, ho un problemino tecnico...
sto inserendo una mappa su una pagina, e la vorrei far apparari ad un click del pulsante.... ma naturalmente non ci riesco.....
Posto il codice:
codice:
 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <style>
        html { height: 100% }
        body { height: 100%; margin: 0; padding: 0 }
        #map-canvas { height: 100% }

    </style>
    <script>
    $(document).ready(
            function(){
                $("#submit").click(function(){
                    function initialize() {
                        var mapOptions = {
                            center: new google.maps.LatLng(-34.397, 150.644),
                            zoom: 8,
                            mapTypeId: google.maps.MapTypeId.ROADMAP
                        };
                        var map = new google.maps.Map(document.getElementById("map-canvas"),
                                mapOptions);
                    }
                    google.maps.event.addDomListener(window, 'load', initialize);
                })
            }
    );
</head>
<body>
<div id="panel">
    <b>Start: </b>
    <input id="addStart" type="text" value="Via cattolica 1 - Ardea"/>
    <input id="submit" type="submit" value="trova indirizzo sulla mappa">

</div>

<div id="map-canvas"></div>
</body>
</html>

Perchè non mi funziona? Dove sbaglio ?
Grazie mille a tutti