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??