New MapQuery JQueryWidgets

Hi.

I made a wrapper for MapQuery plugin. There are tons of JQuery plugins about maps, but the most of them work on Google layers. MapQuery use a javascript library named OpenLayers, which can to consume layers of diverse source, like Open Street Map, or your own made (and hosted) maps . For this reason I choose this plugin.
http://mapquery.org/
http://openlayers.org/


The new widgets are (see class coment from JQWidgetBox-MapQuery-Core package):
* JQMapQuery: initialise MapQuery and associate it with the matched element options an object of key-value pairs with options for the map.
* JQmqFeatureInfo: create a widget to show feature information.
* JQmqLayerControl: Description: create a widget to control the order of layers.
* JQmqLayerManager: create a widget to manage layers.
* JQmqMousePosition: create a widget to show the location under the mouse pointer.
* JQmqOverviewMap: create a widget to show an overview map.
* JQmqPopup: create a popup at a click on a feature.
* JQmqZoomButtons: create a widget to show zoom buttons.
* JQmqZoomSlider: create a widget to show a zoom slider.

Really, I made this wrapper for learn about Seaside, JQuery, javascript, and related libraries and tools, this is fun. For that, I like any feedback, more if this is usefull for you, cool!!



INSTRUCTION FROM RUN THE EXAMPLE (in Pharo)

On a Seaside image (por example a OneClick from http://www.seaside.st/distributions/Seaside-3.0.6-OneClick.zip):

1) Load core and dev JQWidgetBox packages, if you don't have them. For that, in a workspace evaluate:
Gofer new
squeaksource: 'JQueryWidgetBox';
package: 'JQWidgetBox-Core';
package: 'JQWidgetBox-Dev';
load.

2) Load core and dev JQWidgetBox MapQuery packages. For that, drag and drop JQWidgetBox-MapQuery-Core and JQWidgetBox-MapQuery-Dev package in the Pharo window and choose "Load version" in dialog.

3) Initialize the JQWidgetBox examples.For that, in a workspace evaluate:
JQWidgetExample initialize.

4) Go to the example page. For that, in a web browser go to http://localhost:8080/jquery-widgets/mapquery

5) Enjoy.

I attach one screenshot...

2011/9/29 Gastón Dall' Oglio <[hidden email]>

Hi.

I made a wrapper for MapQuery plugin. There are tons of JQuery plugins about maps, but the most of them work on Google layers. MapQuery use a javascript library named OpenLayers, which can to consume layers of diverse source, like Open Street Map, or your own made (and hosted) maps . For this reason I choose this plugin.
http://mapquery.org/
http://openlayers.org/


The new widgets are (see class coment from JQWidgetBox-MapQuery-Core package):
* JQMapQuery: initialise MapQuery and associate it with the matched element options an object of key-value pairs with options for the map.
* JQmqFeatureInfo: create a widget to show feature information.
* JQmqLayerControl: Description: create a widget to control the order of layers.
* JQmqLayerManager: create a widget to manage layers.
* JQmqMousePosition: create a widget to show the location under the mouse pointer.
* JQmqOverviewMap: create a widget to show an overview map.
* JQmqPopup: create a popup at a click on a feature.
* JQmqZoomButtons: create a widget to show zoom buttons.
* JQmqZoomSlider: create a widget to show a zoom slider.

Really, I made this wrapper for learn about Seaside, JQuery, javascript, and related libraries and tools, this is fun. For that, I like any feedback, more if this is usefull for you, cool!!



INSTRUCTION FROM RUN THE EXAMPLE (in Pharo)

On a Seaside image (por example a OneClick from http://www.seaside.st/distributions/Seaside-3.0.6-OneClick.zip):

1) Load core and dev JQWidgetBox packages, if you don't have them. For that, in a workspace evaluate:
Gofer new
squeaksource: 'JQueryWidgetBox';
package: 'JQWidgetBox-Core';
package: 'JQWidgetBox-Dev';
load.

2) Load core and dev JQWidgetBox MapQuery packages. For that, drag and drop JQWidgetBox-MapQuery-Core and JQWidgetBox-MapQuery-Dev package in the Pharo window and choose "Load version" in dialog.

3) Initialize the JQWidgetBox examples.For that, in a workspace evaluate:
JQWidgetExample initialize.

4) Go to the example page. For that, in a web browser go to http://localhost:8080/jquery-widgets/mapquery

5) Enjoy.