Discussion :

[chbaus]

Bonjour.
J'utilisais avec Geoportal.load avec

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
{language:'fr',
            layers:['GEOGRAPHICALGRIDSYSTEMS.MAPS','ORTHOIMAGERY.ORTHOPHOTOS'],
            layersOptions:{'GEOGRAPHICALGRIDSYSTEMS.MAPS':{visibility:true,opacity:1,name:'Nos randonées'},'ORTHOIMAGERY.ORTHOPHOTOS':{ visibility:false,opacity: 0.4,name:'Photo aérienne'}},
            overlays:{},
            onView:initcarteRandoSavoie
            }

Cela permettait d'appeler la fonction initcarte dont le début du code se trouve en fin de ma question ;

J'utilise maintenant new ol.Map({....

Comment appeler la fonction inicarte / faut-il s'y prendre autrement pour l'instant je ne trouve pas.

Mon objectif étant d'afficher une image en un point, une trace gpx partant de ce point.
Merci pour votre aide.

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
function initcarte()
{
    CarteRandoSavoie=RandoSavoie.getViewer();
    CarteRandoSavoie.getMap().addControl(new Geoportal.Control.LayerSwitcher());
    // préparation passage en projection Geoportail 
    var sourceproj = OpenLayers.Projection.CRS84; // WGS84
    var destproj=CarteRandoSavoie.getMap().getProjection();// projection Geoportail
    //tableau des POI
    mesdeparts =new Array;
    // style du POI
    var stylepoi = {externalGraphic:'../ressources/balade.gif',  graphicWidth:30, graphicHeight:60 };
    // Création des POIs
    for(i=0;i<compteur;i++)
    {
        var mon_point = new OpenLayers.Geometry.Point(mespoints[i].long,mespoints[i].lat);
        mon_point.transform(sourceproj, destproj);
        // Creation du POI  a partir du point
        mesdeparts[i] = new OpenLayers.Feature.Vector(mon_point, null, stylepoi);
        mesdeparts[i].attributes['dossier']=mespoints[i].dossier;
        mesdeparts[i].attributes['numero']=mespoints[i].numero;
        mesdeparts[i].attributes['lonpoi']=mespoints[i].long;
        mesdeparts[i].attributes['latpoi']=mespoints[i].lat;
    }
    // Ajout d'une couche d'objet vectoriels
    couchePOI = new OpenLayers.Layer.Vector('Départs');
    // Ajout du tableau des POIs a la couche
    couchePOI.addFeatures(mesdeparts);
    // Ajout de la couche des POIs a la carte
    CarteRandoSavoie.getMap().addLayer(couchePOI);
    ....

[elias couppe]

Bonsoir,

je ne suis pas certain de correctement avoir compris votre problème. Ici, voici comment bien débuter.

Pour ce qui est de l'ajout d'un GPX avec les extensions géoportail pour openlayers (ce qui je crois est votre cas) voici un petit exemple permettant d'ajouter :
- la couche cartographique IGN (à condition d'avoir une clé valide)
- une trace GPX
- le controle de getFeatureInfo afin de récupérer les infos attributaires des couches lors du click sur celles ci
- le controle de layerSwitcher, ou gestionnaire des couches

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<script>
        var map;
        window.onload = function () {
            // 1. Création de la map, avec le centre et le zoom voulu
            map = new ol.Map({
                target : "maDIV",
                view : new ol.View({
                    center : [288074.8449901076, 6247982.515792289],
                    zoom : 6
                })
            });
 
            // ajout couche carto IGN
            var maCarteIGN = new ol.layer.GeoportalWMTS({
                      layer : "GEOGRAPHICALGRIDSYSTEMS.MAPS"
                    });
            
            map.addLayer(maCarteIGN);
 
            // ajout de la trace GPX
            var monGPX = new ol.layer.Vector({
                        source: new ol.source.Vector({
                            url: "chemin/vers/mon/fichierGPX.gpx",
                            format: new ol.format.GPX()
                        })
                    })
 
            map.addLayer(monGPX);
 
            // 3. Ajout du control GetFeatureInfo (pour récupérer les informations attributaires des couches au click)
            var getFeatureInfo = new ol.control.GetFeatureInfo({
                    options : {
                        auto : true,
                        active: true,
                        defaultInfoFormat: "text/html",
                        defaultEvent: "singleclick",
                        cursorStyle: "pointer"
                    }
                });
            map.addControl(getFeatureInfo);
 
            // 5. Ajout du contrôle de gestion de l'empilement des couches (layerSwitcher)
            var layerSwitcher = new ol.control.LayerSwitcher();
            map.addControl(layerSwitcher);
        }
    </script>

Quoiqu'il en soit, je vous invite à consulter la documentation des extensions Géoportail pour OpenLayers, ainsi que le tutoriel de migration APIv2 vers APIv3

[chbaus]

Bonjour.
Merci pour votre aide qui me permet d'avancer dans la reprise de ma page.
Les traces n'étant pas visible j'ai modifié légèrement le code.

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
{ var monGPX = new ol.layer.Vector({
    source: new ol.source.Vector({
        url: mespoints[i].dossier+"/carte/carte.gpx",
        format: new ol.format.GPX({
            extractStyles: false
        })
    }),
    style: new ol.style.Style({
        stroke: new ol.style.Stroke({color: 'red', width: 3})
    }) 
})

Mes traces gpx sont récupérées à l'intérieur d'une boucle dans un tableau mespoints.
mespoints[i].dossier étant l'adresse ou se trouve des informations sur cette trace.
La suite consiste maintenant à afficher une image sur le départ de la trace.