.. _geoext.basics.map: Creating a Map Window ===================== In GeoExt, following the conventions of the underlying Ext JS framework, a map is wrapped into an `Ext.Panel `_. The map is an `OpenLayers.Map `_ object. It is important to understand that Ext JS encourages a web application paradigm, as opposed to a web page paradigm. This means that we won't create markup, so the basic ingredients of our map window will be: * a :ref:`minimal html document ` to include JavaScript and CSS resources, * :ref:`JavaScript code ` for application initialization, * :ref:`Configuration objects ` for the application's components. .. _geoext.basics.map.example: Working Example --------------- Let's take a look at a fully working example of a GeoExt map window. .. code-block:: html GeoExt Map Window .. rubric:: Tasks #. Copy the text above into a new file called :file:`map.html`, and save it in the root of the workshop folder. #. Open the working application in your web browser: @workshop_url@/map.html .. figure:: map1.png A working map window displaying imagery of the world. Having successfully created our first GeoExt application, we'll continue by looking more closely at :ref:`the parts `.