Untitled

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style>
        html, body, #map-canvas { height: 100%; margin: 0; padding:0;}
        #x{
            width: 100%;
            height: 100%;
        }
    </style>
    <script src="http://maps.googleapis.com/maps/api/js"></script>
    <script type="text/javascript">
        function initialize() {
            var mapOption = {
                center: new google.maps.LatLng(23.752805, 90.375433),
                zoom: 10,
                //mapTypeId: google.maps.MapTypeId.ROADMAP
                //mapTypeId: google.maps.MapTypeId.SATELLITE
                //mapTypeId: google.maps.MapTypeId.HYBRID
                mapTypeId: google.maps.MapTypeId.TERRAIN
            };
            var myCenter = new google.maps.LatLng(23.752805, 90.375433);
            var map = new google.maps.Map(document.getElementById("x"), mapOption);

            var marker = new google.maps.Marker({
                position: new google.maps.LatLng(23.752805, 90.375433),
            });
            marker.setMap(map);
        }
            google.maps.event.addDomListener(window,'load',initialize);
    </script>
</head>
<body>
    <div id="x" style="width:500px;height:380px;">

    </div>
</body>
</html>