Установил 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;
} |