Le portail francophone de la géomatique

Non je veux que la case a cocher enlève l'affichage du shape et affiche juste l'OSM. l'option cocher affiche OSM+shape , l'option décocher affiche que l'OSM. Merci

Merci bcp, juste une question 'lyr_Communes' représente quoi exactement?!

mon shape sous le nom 'puits' donc je mets 'puits' en ""lyr_Communes"" et en ""NomdetacoucheSHAPE"" c'est ça ?

ok je vais la faire Merci Bcp ^^

Peux-tu me montrer ou m'envoyer ton code ou une partie de ton code pour que je voie ce qui ne fonctionne pas ?

Rajoute cette fonctionne avant, pour définir la fonction qui gère l'affichage d'une couche :

function toggleControl(element){
             if(element.value == "puits"){
          puits.setVisible(element.checked);
         }
}

Change la fin par la formule suivante :

<input id="puits" name="overlay" type="checkbox" onclick="toggleControl(this);" value="puits" autocomplete="on" checked>
<label Les puits></label>

Est ce la checkbox s'affiche sur ta page ? Est ce que ça marche ? Sinon peut-tu m'indiquer d'éventuels messages d'erreurs ?

la case a cocher s'affiche par défaut en mode "coché" et elle ne fait rien même pas la superposition!

Bonjour j'ai mis autocomplete="off" toujours quand je compile la case est toujours par défaut coché plus j'ai essayé de changer name par le nom de la case j'ai mis puits_ mais toujours pas comme si ne reconnait pas la fonction puits qui a été déclarée avant . j'ai une présentation ce mercredi

Bnonjour ,y'as pas d'erreur, mon programme contient une case a cocher quand je coche les puits (fichier shape) se superpose sur l'open street map , et quand je décoche aussi se superpose, alors il faut quand je décoche la couche disparaît.
j'ai commencé a charger l'open strret map:

function () {

   geographic = new OpenLayers.Projection("EPSG:32630");
   mercator = new OpenLayers.Projection("EPSG:900913");
   
   
   world = new OpenLayers.Bounds(nord,est,sud,ouest).transform( geographic, mercator );
   SBA_center = new OpenLayers.LonLat(-60874.76723, 4147318.47522).transform( geographic, mercator );
   myoption = { projection: mercator, displayProjection: geographic, units: "m",/* maxExtent: world,*/ maxResolution: 156543.0399 };
  //init();
   
    map = new OpenLayers.Map("map_canvas",myoption);

    osm = new OpenLayers.Layer.OSM();
    map.addLayer(osm);

var vlayer = new OpenLayers.Layer.Vector( "route" );
//Ajout du layer à la carte
map.addLayer(vlayer);
// Ajout de la barre d'outil de dessin
map.addControl(new OpenLayers.Control.EditingToolbar(vlayer));


   map.setCenter(SBA_center, 7);
    map.addControl (new OpenLayers.Control.MousePosition ());
   
   updateLocation(map.getCenter(), map.getZoom());
//-------------------------------
   
//-------------------------------
           
   map.addControl (new OpenLayers.Control.OverviewMap ());
   map.addControl(new OpenLayers.Control.PanZoomBar({position: new OpenLayers.Pixel(2, 8)})
 
   
   );
    map.addControl(new OpenLayers.Control.ScaleLine());
   //map.addControl(new OpenLayers.Control.Scale());
   var markers = new OpenLayers.Layer.Markers( "Markers" );
   map.addLayer(markers);

var size = new OpenLayers.Size(21,25);
var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);
var icon = new OpenLayers.Icon('http://localhost:8084/Geo/marker.png', size, offset);
markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(-60874.76723, 4147318.47522),icon));
markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(-60874.76723, 4147318.47522),icon.clone()));
 
    });


puis déterminer la fonction qui superpose les puits(ma couche):

function Puits()
{

              nord  = 691981.6875;
              est   = 3869826.5;
              sud   =732446.3125 ;
              ouest = 3902116.25;
              obj   = "puits";
              layers = "les_caracteristiques_geographiques:puits";
           

   route = new OpenLayers.Layer.WMS( "puits", "http://localhost:8081/geoserver/les_caracteristiques_geographiques/wms", {layers: "les_caracteristiques_geographiques:puits", transparent: true} );

  map.addLayer(route);
 
  map.setCenter(SBA_center, 7);
 
}

et à la fin  la case qui appel ma fonction pour la superposition :

<label> <br>
          <input name="puits_" type="checkbox" onClick="Puits();" value="">
          
        </label>
        Les puits

maintenant il me faut comment faire quand je décoche la couche ne se superpose pas c'est à dire elle n’apparaît pas  Merci beaucoup pour vos aides .

j'ai pas fait le programme pour cacher la couche mais je vais au début essayer d'afficher juste l'open street map dans le cas de 'else' et je vois mercii je vais tester et je vous dis .

Bonjour,
Le plus simple est de créer le "layer" avant puis de gérer son affichage, mais je ne suis pas expert en OL...
Peut être quelque chose comme cela

  nord  = 691981.6875;
est   = 3869826.5;
sud   =732446.3125 ;
ouest = 3902116.25;
obj   = "puits";
layers = "les_caracteristiques_geographiques:puits";
            

var route = new OpenLayers.Layer.WMS( "puits", "http://localhost:8081/geoserver/les_caracteristiques_geographiques/wms", {layers: "les_caracteristiques_geographiques:puits", transparent: false} ); 

map.setCenter(SBA_center, 7);
map.addLayer(route); 

Puits(checked) {
//   route.setVisible(checked); => ça devrait fonctionner aussi
 if (checked){
       route.setVisible(true);

} else {
       route.setVisible(false);

  }

}

Dernière modification par Dof (Wed 26 October 2016 10:43)

Dommage ça marche pas!! il me faut le cas else correcte
else {
// le code pour cacher la couche
}

Merci beaucoup pour tout ce que vous m'avez donné.