some kind of geoext2

by spydmobile

HTML

<html>
    
    <head>
        <title>Hello GeoExt2</title>
        <link rel="stylesheet" type="text/css" href="http://cdn.sencha.io/ext-4.1.0-gpl/resources/css/ext-all.css"
        />
        <link rel="stylesheet" type="text/css" href="http://cdn.sencha.io/ext-4.1.0-gpl/examples/shared/example.css"
        />
        <script type="text/javascript" charset="utf-8" src="http://cdn.sencha.io/ext-4.1.0-gpl/ext-dev.js"></script>
        <!-- You should definitely consider using a custom single-file
        version of OpenLayers -->
        <script src="http://openlayers.org/api/2.12-rc3/OpenLayers.js"></script>
        <script>
            Ext.Loader.setConfig({
                enabled: true,
                disableCaching: false,
                paths: {
                    GeoExt: "http://geoext.github.com/geoext2/src/GeoExt/",
                    Ext: "http://cdn.sencha.io/ext-4.1.0-gpl/src"
                }
            });
        </script>
        <script type="text/javascript" src="mappanel.js"></script>
        <style type="text/css">
            .olControlAttribution a, .olControlAttribution a:link, .olControlAttribution a:visited, .olControlAttribution a:hover, .olControlAttribution a:active {
                color: #fff;
            }
            .olControlAttribution {
                font-size: 13px !important;
                color: #ffffff;
                text-shadow: 0 0 0.3em #8877FF, 0 0 0.3em #8877FF, 0 0 0.3em #8877FF;
                bottom: 2px !important;
                right: 2px !important;
            }
        </style>
        <script>
            /*
             * Copyright (c) 2008-2012 The Open Source Geospatial Foundation
             * 
             * Published under the BSD license.
             * See https://github.com/geoext/geoext2/blob/master/license.txt for the full text
             * of the license.
             */

            Ext.require(['Ext.container.Viewport', 'Ext.state.Manager', 'Ext.state.CookieProvider',...