Javascript-форум - Не могу сделать рабочим пример с картами Google

Установил wampserver, теперь запускается через http, а не через file, но все равно карта Google не отображается. Пути к указанным в index.html файлам (.css, .js) указаны верно, как я понял.
вот код.

index.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="styles/form.css"/>
    <link rel="stylesheet" type="text/css" href="jquery-ui-1.10.2.custom/css/trontastic/jquery-ui-1.10.2.custom.css" />
</head>
<body>
    <div class="ui-widget-content form_pad">
        <div id="map_canvas"></div>
    </div>

    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script src="scripts/jquery-1.9.1.js"></script>
    <script src="scripts/main.js"></script>
</body>
</html>

main.js

$(document).ready(function() {
    var map;
    function initialize() {
        var latlng = new google.maps.LatLng.(45.519098, -122.672138);
        var mapOpts = {
            zoom: 13,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById("map_canvas"), mapOpts);
    }
    initialize();
});

form.css

Код:

#map_canvas {

    float: left;

    height: 450px;

    width: 450px;

}