мне надо вставить стилизованную карту на сайт на всю страницу. вот мой код. что не так?)))))) вставляю с помощью Sourcerer
<br>
<center><h1>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
HTML { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="
http://maps.googleapis.com/maps/api/js?&sensor=FALSE">
</script>
<script type="text/javascript">
function initialize() {
// Create an array of styles.
var styles = [
{
stylers: [
{ hue: "#00ffe6" },
{ saturation: -20 }
]
},{
featureType: "road",
elementType: "geometry",
stylers: [
{ lightness: 100 },
{ visibility: "simplified" }
]
},{
featureType: "road",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
}
];
// Create a new StyledMapType object, passing it the array of styles,
// as well as the name to be displayed on the map type control.
var styledMap = new Google.maps.StyledMapType(styles,
{name: "Styled Map"});
// Create a map object, and include the MapTypeId to add
// to the map type control.
var mapOptions = {
zoom: 13,
center: new Google.maps.LatLng(55.86344,37.701832),
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
}
};
var map = new Google.maps.Map(document.getElementById('map_canvas'),
mapOptions);
marker = new Google.maps.Marker({
position: new Google.maps.LatLng(55.86344,37.701832),
icon: {
path: Google.maps.SymbolPath.CIRCLE,
scale: 10
},
draggable: true,
map: map
});
Google.maps.event.addDomListener(window, 'load', initialize);
//Associate the styled map with the MapTypeId and set it to display.
map.mapTypes.set('map_style', styledMap);
map.setMapTypeId('map_style');
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>
</h1></center>
<br>