JSFiddle - React, Tailwind, and code Playground

by spydmobile

HTML

<link rel="stylesheet" href="href=&quot;http://cdn.sencha.com/ext/gpl/4.2.1/resources/css/ext-all.css">
<script src="http://cdn.sencha.com/ext/gpl/4.2.1/ext-debug.js"></script>
<script src="http://openlayers.org/api/2.13.1/OpenLayers.js"></script>

        <title>Trying out GeoExt2</title>
        <!-- Load the ExtJS stylesheet -->

        <script type="text/javascript" src="../loader.js"></script>

    <body></body>

JavaScript

Ext.Loader.setConfig({
    enabled: true,
    disableCaching: false,
    paths: {
        GeoExt: "path/to/src/GeoExt",
        Ext: "http://cdn.sencha.com/ext/gpl/4.2.1/src"
    }
});


var mappanel = Ext.create('GeoExt.panel.Map', {
    title: 'A sample Map',
    map: {
        // ...
        // optional, can be either
        //   - a valid OpenLayers.Map configuration or
        //   - an instance of OpenLayers.Map
    },
    center: '12.31,51.48',
    zoom: 6
});

Ext.create('Ext.container.Viewport', {
    layout: 'fit',
    items: [
        mappanel // our variable from above
    ]
});