A JavaScript Toolkit for Rich Web Mapping Applications based on OpenLayers and ExtJS.
npm install @pdang/geoextJavaScript Toolkit for Rich Web Mapping Applications.

GeoExt is Open Source and enables building desktop-like GIS applications through
the web. It is a JavaScript framework that combines the GIS functionality of
OpenLayers with the user interface savvy of the
ExtJS library provided by
Sencha.
Version 2 of GeoExt is the successor to the
GeoExt 1.x-series.
GeoExt 2.1.x is built atop OpenLayers 2.13.1 and ExtJS 5.1.0 and provides full backward compatibility to ExtJS 4.2.1.
So GeoExt 2.1 is usable either with ExtJS 5.1 or Ext 4.2.1.
GeoExt 2.0.x is based on OpenLayers 2.13.1 and ExtJS 4.2.1 and is maintained in the v2.0.x-maintenance Branch.
Have a look at the official homepage: http://geoext.github.io/geoext2/
You will find examples, API documentation (with and without inherited
functionality from ExtJS), links to mailinglists and more over there.
What you see on http://geoext.github.io/geoext2/ are the contents of thegh-pages-branch. If you encounter anything that should be fixed, please issue
a pull request against that branch and we will merge it as soon as possible.
Hey that's a good decision, and it is very easy to get started on a page that
already includes ExtJS and OpenLayers:
``html`
href="http://cdn.sencha.com/ext/gpl/5.1.0/build/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all-debug.css">
src="http://cdn.sencha.com/ext/gpl/5.1.0/build/ext-all-debug.js">
`
Or if you are stuck to ExtJS 4.2.x you can use the following code:html`
href="http://cdn.sencha.com/ext/gpl/4.2.1/resources/css/ext-all.css">
src="http://cdn.sencha.com/ext/gpl/4.2.1/ext-debug.js">
Next, we simply add a
``
Or reference the ExtJS 4.2.1 sources if you have to use them:html`
That's it. Now you can e.g. create a very basic mappanel and let it reign over
the whole browser window:
`javascript
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
]
});
`
More information to get started can be grabbed
on the main website.
We definitely want you to help us making GeoExt. We will happily accept pull
requests of any kind; be it documentation improvement, code refactoring or new
functionality.
Please sign the contributor agreement
and email it to the GeoExt Project Steering Committee (psc [at] geoext.org)
prior to submitting your changes. Thanks.
* Install jsduck: https://github.com/senchalabs/jsduck
* Run jsduck --config jsduck.json in the root of the repositoryjsduck.json
* Optional: If you want the documentation for ExtJS to be linked, edit
to point to the proper source location (URLs will not work)~$ . tools/screenshots.sh http://geoext.github.io/geoext2/examples/
* Optional: To refresh screenshots in the example page run
/path/to/your/geoext/docs/index.html
* Open the generated file in your
favorite browser
* Enjoy!
* Serve the contents of a GeoExt 2 clone on a webserver, e.g.:
user@machine:/src/geoext2 $ python -m SimpleHTTPServer 2222
* Open the main test suite HTML file in a browser:
http://localhost:2222/tests/run-tests.html
* Click the button "run all"
You can also run the above tests headlessly through casperjs.
`bashInstall dependencies via npm in the GeoExt 2 clone dir (only first time)
npm install
These tests are also run though travis.