Le portail francophone de la géomatique

Bonjour à tous,

Je suis actuellement sur un projet de SIG en ligne utilisant les technologies Mapserveur, Jquery et Openlayers.

Me basant sur le jquery Mobile disponible sur le site Openlayers (http://openlayers.org/dev/examples/mobi … ml#mappage), je souhaiterai rajouter les fonctions de déplacement de l'ordre des couches pour les Overlays seulement.

Je compte passer par différentes étapes si possible :

- Dissocier les Overlays et les Baselayers dans le code HTML pour avoir ce type de code :

<!-- Contrôle des couches -->
<div data-role="page" id="layerspage">
          <div data-role="header">
            <h1>Layers</h1>
          </div>
            <ul data-role="listview" data-inset="true" data-theme="d" data-dividertheme="c" id="baseLayers">
            </ul>
            <ul data-role="listview" data-inset="true" data-theme="d" data-dividertheme="c" id="dataLayers">
            </ul>
        </div>

- Je souhaiterais ensuite utilisé la fonction .sortable de jquery pour pointer uniquement sur les overlays (dataLayers)


$('#dataLayers').sortable({appendTo: document.body});

Si le code marchait, je devrais pouvoir déplacer mes couches dans le menu gestion de couche sans que ça ait un impact sur la carte.

- Construire un code javascript pour que justement le changement d'ordre des couches ait un impact sur la carte.

Ayant pu utiliser GeoExt et Mapquery, je me suis finalement orienté sur le jquery mobile. Cette tâche est possible à faire vu, ce qui a été développé pour Mapquery.

Notamment avec cette partie du code :

   ulElement.sortable({
            axis:'y',

            update: function(event, ui) {
                var layerNodes = ui.item.siblings().andSelf();
                var num = layerNodes.length-1;
                layerNodes.each(function(i) {
                    var layer = $(this).data('layer');
                    var pos = num-i;
                    var label = $('span.label', this);
                    var icon = label.children();
                    layer.position(pos);
                    label.text(layer.label)
                        .prepend(icon);
                });
            }

Etant développeur novice (j'ai jamais construit un code à partir de rien), mes questions sont les suivantes :

- Est-il possible de dissocier les baselayers et les overlays dans le layersSwitch sans supprimer la partie baselayers ? Pouvoir les rendre indépendant pour choisir le overlays pour ma fonction .sortable.

J'avais essayé ce code sans réel conviction :

map.addControl(new OpenLayers.Control.LayerSwitcher({'baseLayersDiv': document.getElementById('baseLayers'), 'dataLayersDiv': document.getElementById('dataLayers')}));

- Connaissez-vous d'autres exemples que Mapquery ou projet qui ont demandé cette fonctionnalité et qui n'utilisent pas GeoExt sur lequel je peux m'appuyer ?

- Des éléments dans ma démarche vous paraissent-ils inappropriés pour les résultats voulus.

Le résultat que j'ai actuellement : je peux déplacer tous les items y compris les titres et les couches sans que cela n'ait aucun impact sur la carte.
Je voudrais restreindre ce résultat aux overlays et que cela ait un impact sur la carte.

Je pense que ce type de demande que ne doit pas être isolé, aussi je suis surpris de n'avoir pas pu trouver de cas similaire sur internet au fil de mes recherches (et ça fait deux semaines que je suis dessus).

Je vous remercie par avance pour les nouvelles pistes que vous m'apporterez et des éléments complémentaires pour m'orienter dans ma recherche/quête d'informations.

Voici les éléments en ma possession en pièce jointe, si cela peut vous aider également dans vos projets.

En vous souhaitant une agréable journée.

A bientôt.