View Comments (34)

• I must say you have high quality posts here. Your website can go viral.
  You need initial boost only. How to get it? Search for: Etorofer's strategies

• Bonjour,

  dans l'option "url" => url: 'http://localhost/geoserver/wms
  C'est le lien exact qu'on peut copier lorsqu'on affiche la couche via Openlayer sur geoserver?

• Bonjour Miko,
  l'URL de la donnée dépend du chemin de l'installation du serveur et du port utilisé. Dans l'exemple, GeoServer est installé en local d'où l'utilisation de localhost. Si le port utilisé est autre que le 80, il faut utiliser : localhost:port (8080 par défaut pour GeoServer).
  Si maintenant GeoServer est installé dans un sous-domaine, il faut saisir l'URL : http://sous-domaine.domaine/geoserver/wms puis on appelle le couple : espace de travail:couche dans les paramètres.
  Il est aussi possible d'utiliser : http://localhost/geoserver/espace de travail/wms puis dans les paramètres, on saisit le nom de la couche seule.

  Vous pouvez tester l'URL de la requête de la couche dans le firebug qui devrait ressembler à cela pour GeoServer :
  http://localhost/geoserver/tiger/wms?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&FORMAT=image/png&TRANSPARENT=true&LAYERS=poly_landmarks&TILED=true&CRS=EPSG:3857&STYLES=&WIDTH=2471&HEIGHT=1243&BBOX=-8257114.709797316,4968753.1513587255,-8209905.290202684,4992486.8486412745

  N'hésitez pas si vous avez un souci.

• Merci beaucoup pour votre avis sur mon problème!!

  J'essaye de créer un plan de reseau de bus dynamique dans le cadre de mon stage. A partir de geoserver, j'ai importé une couche [stigo_lignes] de postgis dans mon plan de travail appelé 'transdev77_be'. Jusque là tout va bien, sauf au moment où j'essaye de l'interger sur mon site carto hébergé en localhost 8080 encore pour le moment:

  var stigo_lignes = new ol.layer.Image({
  source: new ol.source.ImageWMS({
  url: 'http://localhost:8080/geoserver/transdev77_be/wms?service=WMS&version=1.1.0&request=GetMap&layers=transdev77_be:stigo_lignes&styles=&bbox=674032.8125,6850417.5,677993.0625,6853271.0&width=768&height=553&srs=EPSG:3857&format=application/openlayers',
  params:{'LAYERS':'transdev77_be:stigo_lignes',
  'VERSION':'1.1.0',
  'FORMAT':'image/png'
  }
  })
  });

  A ce moment précis, la couche n'apparzît pas et je n'ai pas de messages d'erreur qui s'affiche...d'où ma question hier sur l'url car je pense que c'est le problème, à moins que j'ai mal réaliser l'import de la couche de postgis?

  Avez-vous peut-être une idée? :/

• Miko,
  l'url utilisé dans votre script contient tous les paramètres à l'appel de la couche : espace de travail, couche, styles, bbox, etc. Si vous saisissez l'URL dans un navigateur, vous obtiendrez l'image de votre couche.

  Dans le code, vous avez juste à déclarer l'URL du service wms puis dans params, les paramètres précités.
  Dans votre exemple, ce code devrait fonctionner :

  var stigo_lignes = new ol.layer.Image({
  source: new ol.source.ImageWMS({
  url: ‘http://localhost:8080/geoserver/wms’,
  params:{‘LAYERS’:’transdev77_be:stigo_lignes’,
  ‘VERSION’:’1.1.0′,
  ‘FORMAT’:’image/png’
  }
  })
  });

  Tenez-moi informé.

• J'ai réessayé et ça ne marche pas...par contre j'ai testé l'affichage des arrets et là aucun problème! Mais je n'arrive pas avec les lignes...existe-t-il un lien?

• Pouvez-vous prévisualiser la couche des lignes à partir de GeoServer (onglet : prévisualisation de la couche > OpenLayers) ?
  Si non, il y a un problème lié à la publication de la couche (projection, style).

• Oui justement j'arrive à lire sur la prévisualisation Openlayers et la projection est la meêm par contre je peux verifier le style. Cependant, si le style n'est pas bon, je ne devrais pas voir la couche sur la prévisualisation? Je vais tester et je vous tiens au courant immédiatement.

• Si vous arrivez à prévisualiser la couche, c'est que vous avez une coquille dans votre code. Vous pouvez me l'envoyer par mail?

  • Puis-je vous la publier svp dans la suite des commentaires?

    • Pas de problème.

• var map = new ol.Map({
  layers: [
  new ol.layer.Tile({
  source: new ol.source.OSM()
  })
  ]
  });

  var view = new ol.View({
  zoom: 15,
  projection: 'EPSG:3857',
  minZoom:10
  });

  var PositionSouris = new ol.control.MousePosition({ // Variable PositionSouris stocke l appli controle souris
  coordinateFormat: ol.coordinate.createStringXY(2), // Definit le format des coordonnées qui seront affichés
  projection: 'EPSG:4326'
  });

  var PaysdeMeaux = new ol.layer.Vector({
  source: new ol.source.Vector({
  url:'Menus/Reseaux/MarneEtMorin/Reseau_PaysdeMeaux.kml',
  format:new ol.format.KML()
  })
  });

  var arrets_idf_est = new ol.layer.Image({
  source: new ol.source.ImageWMS({
  url: 'http://localhost:8080/geoserver/wms',
  params:{'LAYERS':'transdev77_be:arrets_idf_est',
  'VERSION':'1.1.0',
  'FORMAT':'image/png'
  }
  })
  });

  var stigo_lignes = new ol.layer.Image({
  source: new ol.source.ImageWMS({
  url: 'http://localhost:8080/geoserver/wms',
  params:{'LAYERS':'transdev77_be:stigo_lignes',
  'VERSION':'1.1.0',
  'FORMAT':'image/png'
  }
  })
  });

  map.addLayer(PaysdeMeaux);
  map.addLayer(arrets_idf_est);
  map.addLayer(stigo_lignes);
  map.addControl(PositionSouris); // Afficher les contrôles sur la carte
  map.setTarget('js-map'); // Cible la classe js map

  view.setCenter([311484, 6249684]); // Centre de la carte
  map.setView(view);

  • Je ne vois pas de souci particulier. Testez ce code qui change la source de donnée TileWMS et la version du WMS :
    var stigo_lignes = new ol.layer.Tile({
    source: new ol.source.TileWMS({
    url: 'http://localhost:8080/geoserver/wms',
    params: {'FORMAT': ’image/png’,
    'VERSION': '1.1.1',
    tiled: true,
    STYLES: '',
    LAYERS: 'transdev77_be:stigo_lignes',
    }
    })
    });
    Redites-moi svp

    • Rien malheureusement, je l'avais déjà essayé auparavant. Je vais essayer éventuellement d'autres couches!