Problema con google maps

**fermat** · 24-05-2011, 11:42

ho provato a seguire sia il tutorial google che l'articolo qua:

codice:

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="initial-scale=1.0, user-scalable=yes" />
        <title><?php echo $title; ?></title>
        <link rel="stylesheet" href="template/css/style.css" />
        <link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css' />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
        <script type="text/javascript" src="lib/gallery.js"></script>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=it"></script>
        <script type="text/javascript">
            var init = function () {
                var latlng = new google.maps.LatLng(42.745334,12.738430);
                var myOptions = {
                    zoom: 8,
                    center: latlng,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
            }
            window.onload = init;
        </script>
    </head>
    <body>
        <div id="main">
            <div id="top">
                <div id="logo">
                    [img]images/logo2.png[/img]
                </div>
                <div id="menu">
                    <ul id="menu_lista">[*]Home - [*]L'Azienda - [*]I Marchi - [*]Gallery - [*]Dove Siamo - [*]Contattaci[/list]
                </div>
            </div>
            <div id="pages">
                <div id="map_canvas">
                </div>
            </div>
        </div>
    </body>
</html>

quando carico la pagina il div rimane vuoto e la mappa nn compare.
sapete darmi qualche indicazione??

**sonounostrinato** · 24-05-2011, 11:50

perchè nel div della mappa non è settata l'altezza:

codice:

<div id="map_canvas" style="width:200px;height:200px;">

prova e sappimi dire

**fermat** · 24-05-2011, 12:07

Originariamente inviato da sonounostrinato
perchè nel div della mappa non è settata l'altezza:

codice:

<div id="map_canvas" style="width:200px;height:200px;">

prova e sappimi dire

in verità le misure le avevo messe al 100% nel css.
solo che il div esterno non aveva l'altezza settata.
ho settato quella e adesso funziona.

grazie adesso mo vedo le altre opzioni

!!

Discussione: Problema con google maps

Strumenti discussione

Ricerca discussione

Visualizza

Problema con google maps

Permessi di invio