débutante : place du code pour modif affichage

**evevev** · 23/03/2010, 11h27

Bonjour !

Archi débutante, je ne sais pas où mettre le code pour modifier la transparence de la carte à l'affichage :

Code :

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

1
2
3
4
5
6
7
8
// Changer la transparence par défaut de la couche « Cartes » à 80%
for (var i=0;i<viewer.getMap().layers.length;i++)
{
 if (viewer.getMap().layers[i].name == 'GEOGRAPHICALGRIDSYSTEMS.MAPS')
 {
   viewer.getMap().getLayersByName(viewer.getMap().layers[i].name)[0].setOpacity(0.8);
 }
}

Pourriez-vous me le dire svp ?
Merci d'avance !

Pour l'instant ma page d'essai est comme cela :

Code :

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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>API Geoportail - votre carte personnelle</title>
  <meta http-equiv="X-UA-Compatible" content="IE=7"/>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <script
    type="text/javascript"
    src="http://api.ign.fr/geoportail/api?v=1.0beta4&amp;key=8933678217670066389&amp;instance=VISU">
  <!-- -->
  </script>

  <script type="text/javascript">
  <!--
    function initGeoportalMap() {
      geoportalLoadVISU("GeoportalVisuDiv", "normal");
   
   // Exemple avec un code territoire (ici la Guadeloupe)
   // Snapshot with a territory code (here Guadeloupe island)
   // geoportalLoadVISU("GeoportalVisuDiv", "normal", "GLP");

      if (VISU) {
        VISU.addGeoportalLayers();
		
		
// Creation d’un point 

var mon_point = new OpenLayers.Geometry.Point(-0.4, 46.65); 

// Passage en projection Géoportail 
      var sourceproj = OpenLayers.Projection.CRS84; // WGS84
      var destproj = VISU.projection; // projection Geoportail
      mon_point.transform(sourceproj, destproj); 


// Création du POI  à partir du point
      var stylepoi = {externalGraphic:'http://api.ign.fr/geoportail/api/js/1.0beta4/theme/geoportal/img/picto_zoomToMapExtent_ off.gif',  graphicWidth:50, graphicHeight:50 };
      var mon_poi = new OpenLayers.Feature.Vector(mon_point, null, stylepoi); 

// Ajout d’une couche d'objet vectoriels
      var vector_layer = new OpenLayers.Layer.Vector('Mes POIs'); 
// Ajout du POI à la couche créée et affichage de la couche
      vector_layer.addFeatures([mon_poi]);
// Ajout de la couche à la carte
      VISU.getMap().addLayer(vector_layer); 


// Ajout de l’info bulle 
      var popup = new OpenLayers.Popup('id', 
                        new OpenLayers.LonLat(mon_point.x, mon_point.y), 
                        new OpenLayers.Size(200,50), 
                       'Ma Première info bulle', 
                       true
      );

// Ajout de l’info bulle
      VISU.getMap().addPopup(popup, true); 


      }
	  
    }
  -->
  </script>
</head>
<body>
  <div id="GeoportalVisuDiv" style="width:800px;height:600px;"></div>
</body>
</html>

**mga_geo** · 23/03/2010, 13h27

Il faut bien vite oublier la 1.0beta4.
La 1.0 ne nécessite plus la compatibilité IE-7.
En 1.0, une solution pour l'opacité est:

Code :

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

1
2
viewer.addGeoportalLayers(['GEOGRAPHICALGRIDSYSTEMS.MAPS:WMSC'], { opacity:1.0 });

**evevev** · 23/03/2010, 14h05

le code qu'ils donnent quand on crée un contrat (je viens d'en créer un autre) est celui-là :

Code :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>API Geoportail - votre carte personnelle</title>
  <meta http-equiv="X-UA-Compatible" content="IE=7"/>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <script
    type="text/javascript"
    src="http://api.ign.fr/geoportail/api?v=1.0beta4&amp;key=7604651427970581049&amp;instance=VISU">
  <!-- -->
  </script>

  <script type="text/javascript">
  <!--
    function initGeoportalMap() {
      geoportalLoadVISU("GeoportalVisuDiv", "normal");
   
   // Exemple avec un code territoire (ici la Guadeloupe)
   // Snapshot with a territory code (here Guadeloupe island)
   // geoportalLoadVISU("GeoportalVisuDiv", "normal", "GLP");

      if (VISU) {
        VISU.addGeoportalLayers();
      }
    }
  -->
  </script>
</head>
<body>
  <div id="GeoportalVisuDiv" style="width:800px;height:600px;"></div>
</body>
</html>

Ils ne mettent dons pas en ligne la version la plus récente ?

**mga_geo** · 23/03/2010, 15h26

Ils ont un peu de retard à l'allumage! sur ce forum cmail en a fait la remarque.

Pour être constructif, cette page peut servir de base: http://atlasnw.free.fr/geoportail/ex...ojections.html

Je charge une version en locale de l'API pour des problèmes de compatibilité avec IE8.
Pour des tests juste sous Firefox, le code suivant est préférable:

Code :

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

1
2
    <script type="text/javascript" src="http://api.ign.fr/geoportail/api?v=1.0-e&amp;key=6767854512754535096&amp;instance=viewer&amp;includeEngine=true&amp;"><!-- --></script>

**evevev** · 23/03/2010, 18h56

merci !

**cmail** · 24/03/2010, 08h47

A voir http://www.developpez.net/forums/d89...-page-contrat/

**dgrichard** · 28/03/2010, 12h45

Envoyé par evevev

Ils ne mettent dons pas en ligne la version la plus récente ?

"Ils" s'excuse c'est un oubli; dès qu'"Ils" aura du temps, "Ils" mettra à jour le modèle retourné par le site de création de contrat avec le modèle suivant :

Code :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>API Geoportail - votre carte personnelle</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <script
    type="text/javascript"
    src="http://api.ign.fr/geoportail/api?v=1.0&amp;key=#CONTRACT_KEY#&amp;instance=VISU">
  <!-- -->
  </script>

  <script type="text/javascript">
  <!--
    function initGeoportalMap() {
      // Par défaut on se positionne sur la France métropolitaine :
      // Default to France main land :
      geoportalLoadVISU("GeoportalVisuDiv");

      // Avec un code territoire (ici la Guadeloupe), on peut choisir son point de vue
      // Snapshot with a territory code (here Guadeloupe island)
      // geoportalLoadVISU("GeoportalVisuDiv", "normal", "GLP");

      if (VISU) {
        VISU.addGeoportalLayers();
      }

      VISU.setCenter(VISU.viewerOptions.defaultCenter,VISU.viewerOptions.defaultZoom);
    }
  -->
  </script>
  <style type="text/css">
  <!--
  div#GeoportalVisuDiv {
    width:800px;
    height:600px;
  }
    -->
  </style>
</head>
<body>
  <div id="GeoportalVisuDiv"></div>
</body>
</html>

**lucmontagne** · 28/03/2010, 13h39

Et "ils" seront pardonnés

**cmail** · 28/03/2010, 14h14

Amen!

**Zébulon-21** · 30/03/2010, 18h09

A propos, Cmail, dans le lien que tu cites précédemment, tu indiques qu'il faut modifier <body> comme ceci :

Sais-tu quelle est l'utilité de cette modif et si elle présente un intérêt en production ?

Merci par avance.

**cmail** · 30/03/2010, 18h14

Salut Zébulon (comment vas-tu?

)
dgrichard a rectifié mes propos de la manière suivante:
Cette référence en onload était utile tant que l'API était en essai. Depuis le 16 mars (date officielle de sortie en production) elle n'est plus utile.

**dgrichard** · 30/03/2010, 18h16

Envoyé par Zébulon-21

Sais-tu quelle est l'utilité de cette modif et si elle présente un intérêt en production ?

Aucune quant :

1/ la fonction à déclencher est initGeoportalMap();
2/ le paramètre d'instance est défini;
3/ que le développeur n'a pas mis un callback sur le onload!

**Zébulon-21** · 30/03/2010, 19h08

Salut très Chers,

Tout va bien en ce moment car j'ai enfin un peu de temps libre à consacrer à l'API.

Cmail : Toi qui es un "fin maniaque" de l'ergonomie, de la mise en page, etc... ce serait sympa de jeter un oeil inquisiteur sur mes exemples de page ICI.

Ces pages sont à destination de gens comme moi : Les passionnés qui ne maitrisent pas bien les techniques du code. Les adaptations sont théoriquement faciles grâce à la description de chaque bout de code.

**cmail** · 30/03/2010, 19h42

Je ne sais pas très bien ce que tu me demandes.
J'ai regardé tes 4 pages en version 1.0 (sous FF3) dont l'air de famille est très proches.

Mes premières impressions:

Je suis toujours très sceptique sur l'intérêt de recentrage de la carte à l'affichage d'un popup.
Comme jeanluc35 te le conseillait , il faudrait que ta couche de trace contienne aussi les différents repères (POI) associés, sinon sous FF3 le jonglage avec les couches ne sera pas évident pour tes visiteurs non férus.

**Zébulon-21** · 30/03/2010, 20h18

Merci cmail, c'est exactement ce genre d'avis qui aide à avancer, ainsi que le signalement d'éventuelles balourdises dans le code.

J'essaye de retrouver la discussion (lancée par toi ?) concernant le recentrage des popups.

**Zébulon-21** · 02/04/2010, 14h20

Pour Cmail : Apparemment, la dernière discussion traitant du recentrage de la carte, après le clic sur un marqueur, est celle-ci.

N'ayant plus aucun accès à mon serveur (Mavenhosting "planté" ?), il ne m'est pas possible de re-tester la formule avancée dans cette discussion. Mais j'ai fait choux blanc jusqu'à présent :

Dans la 1.0bêta5, il est possible d'ajouter l'option panMapIfOutOfView à false à la création du layer.

As-tu trouvé la solution miracle de ton côté ?

(il faut peut-être relancer le sujet dans une discussion distincte de celle-ci ?)

**cmail** · 02/04/2010, 15h19

Par exemple un truc du genre

Code :

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

1
2
3
4
5
6
7
viewer.getMap().addLayer("KML","communes","./kml/commune.kml",
           {    minZoomLevel: 7,
                maxZoomLevel:10,
                panMapIfOutOfView:false,
                styleMap:s100Style,
                visibility: true
                },

répond à notre attente (à ce que je comprends de ta demande).
Mais SGDG (Sans Garantie du Gouvernement) ou plus focalisé SGDGRichard!!!!!

Accroche toi!

**dgrichard** · 02/04/2010, 17h54

Envoyé par cmail

Mais SGDG (Sans Garantie du Gouvernement) ou plus focalisé SGDGRichard!!!!!

* OpenLayers: par défaut, panMapIfOutOfView est false sauf pour OpenLayers.Popup.FramedCloud ;
* Geoportal: par défaut, panMapIfOutOfView est true, il faut donc bien passer panMapIfOutOfView:false à la construction des couches supportant les popups.

débutante : place du code pour modif affichage

IGN API Géoportail

Discussions similaires

Partager

Partager