Untitled

<!DOCTYPE html>
<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link rel="stylesheet" type="text/css" href="Ext-3.2.1/resources/css/ext-all.css" />
            <style>
                #map-id {
                    width: 1024px;
                    height: 800px;
                }

            </style>
    <script src="/Ext-3.2.1/adapter/ext/ext-base.js"></script>
    <script src="/Ext-3.2.1/ext-all.js" ></script>
    <script src="/OpenLayers-2.12/OpenLayers.js"></script>
    <script src="/GeoExt/lib/GeoExt.js"></script>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=*********" type="text/javascript"></script>
    <title>Testes</title>
    </head>
    <body>
        <h1>teste</h1>
        <div id="map-id"></div>
        <script>

            //variáveis globais
            var map;

            Ext.onReady(function() {


                            var epsg_900913 = new OpenLayers.Projection("EPSG:900913");


                            var extent_inicial = new OpenLayers.Bounds (-978394.53960205,5062062.5343474,-968610.59998291,5066954.504157);


                            var opcoes = {units: 'm',projection: epsg_900913,};


                            map = new OpenLayers.Map("map-id",opcoes);


                            var longlat = map.getCenter();


                            var aerial = new OpenLayers.Layer.Bing({
                                                            key: "AqTGBsziZHIJYYxgivLBf0hVdrAk9mWO5cQcb8Yux8sW5M8c8opEC2lZqKR1ZZXf",
                                                            type: "Aerial"
                                                            });
                            map.addLayer(aerial);


                            map.zoomToExtent(extent_inicial);

                            });
        </script>
    </body>
</html>