Des incohérences dans le quickstart.js (?)

Version imprimable

21/03/2013, 14h10
Scarab Aware

Des incohérences dans le quickstart.js (?)

Je recrée un autre sujet concernant la mise en place de l'API. Hier j'ai eu comme qui dirais une fausse joie. J'ai bien une carte qui apparaît mais sans layerswitcher

J'ai vu à partir de cet exemple http://api.ign.fr/tech-docs-js/examp...Map_basic.html, et sauf contradiction de votre part, il ne me semble pas convenu de reprendre complètement le code de l'exemple non ?

Ainsi, après plusieurs changement dans ce que j'ai au niveau de mon quickstart.js, jamais les contrôles n'apparaissent et la je constate quelque chose de surprenant à ce niveau là :

Citation:

var options= {
mode:'normal',
territory:'FXX',
displayProjection:'geoportalMap'
proxy:'assets/proxy.php'+'?url='

La carte n'apparait que si le displayProjection est présent. Si je met comme ceci :

Citation:

var options= {
mode:'normal',
territory:'FXX',
displayProjection:'...'
proxy:'assets/proxy.php'+'?url='

voir comme cela

Citation:

var options= {
mode:'normal',
territory:'FXX',
'geoportalMap'
proxy:'assets/proxy.php'+'?url='

ça continue d'afficher la même carte après avoir rafraîchi la page. Mais sans, j'en reste simplement au loading. Et avec cette ligne c'est toujours la même chose qui apparait, celle de l'exemple. Je peux enlever "'GEOGRAPHICALGRIDSYSTEMS.MAPS'" ça ne change pas.

D'autant plus que je devrais avoir un centrage de base sur Saint Mandé non ?

Et si je change les coordonnées dans le JS, la punaise ne bouge point. Par contre si je les change dans le quickstart.html, tout s'en va.
21/03/2013, 14h54
mga_geo

Pour espérer avoir une réponse, il faut poser des questions claires.
Et ensuite il faut tenir informé des évolutions faites.
21/03/2013, 16h34
Scarab Aware

Bon...alors, on est bien d'accord que en suivant ce qui est dis ici : http://api.ign.fr/documentation/93/d...-du-geoportail

Je devrais avoir ceci : http://api.ign.fr/themes/api/img/ass...ication.fr.png

Le fait, est que jusqu'à hier je ne passais pas l'étape du loading, en restant à voir ceci sans qu'aucune carte ne s'affiche :

http://api.ign.fr/geoportail/api/js/...mg/loading.gif

Ainsi, n'aboutissant pas, j'ai regardé les exemples ici : http://api.ign.fr/tech-docs-js/examples/

J'ai pris cet exemple : http://api.ign.fr/tech-docs-js/examp...Map_basic.html

Ensuite j'ai bidouillé au niveau de mon fichier quickstart.js, reprenant des morceaux de code, faisant même un nouveau contrat pour avoir une nouvelle clé au cas où...Et avec ces manips j'ai une carte qui s'affiche

http://img829.imageshack.us/img829/4894/apiapi.jpg

Mais il manque les contrôles soit les layers pour les couches et l'échelle. J'ai fais différents essais qui ne donnent rien. MAIS, ce que je voulais dire là, c'est que la carte apparait de n'importe quelle façon toujours identique, quoi que je fasse seulement et seulement SI je met quelque chose entre territory et proxy au niveau des options. C'est ce que je signalais dans mon post ouvrant le sujet

Est ce que les choses sont plus claires maintenant ?
21/03/2013, 20h23
Zébulon-21

Tes messages sont dans un format réservé aux mal-voyants ? ;)

Tu peux aussi trouver source d'inspiration sur ce site. :ccool:
22/03/2013, 08h12
Scarab Aware

:lol: vi désoulé de la taille que ça prends ;)

En tout cas merci pour le site, vais voir ce que ça donne avec et je tiens au courant.

Citation:

Envoyé par Scarab Aware

Bon...alors, on est bien d'accord que en suivant ce qui est dis ici : http://api.ign.fr/documentation/93/d...-du-geoportail

Je devrais avoir ceci : http://api.ign.fr/themes/api/img/ass...ication.fr.png

Le fait, est que jusqu'à hier je ne passais pas l'étape du loading, en restant à voir ceci sans qu'aucune carte ne s'affiche :

http://api.ign.fr/geoportail/api/js/...mg/loading.gif

Ainsi, n'aboutissant pas, j'ai regardé les exemples ici : http://api.ign.fr/tech-docs-js/examples/

J'ai pris cet exemple : http://api.ign.fr/tech-docs-js/examp...Map_basic.html

Ensuite j'ai bidouillé au niveau de mon fichier quickstart.js, reprenant des morceaux de code, faisant même un nouveau contrat pour avoir une nouvelle clé au cas où...Et avec ces manips j'ai une carte qui s'affiche

http://img829.imageshack.us/img829/4894/apiapi.jpg

Mais il manque les contrôles soit les layers pour les couches et l'échelle. J'ai fais différents essais qui ne donnent rien. MAIS, ce que je voulais dire là, c'est que la carte apparait de n'importe quelle façon toujours identique, quoi que je fasse seulement et seulement SI je met quelque chose entre territory et proxy au niveau des options. C'est ce que je signalais dans mon post ouvrant le sujet

Est ce que les choses sont plus claires maintenant ?

Bonjour je viens de jeter un oeil sur le tutoriel:
http://api.ign.fr/documentation/93/d...-du-geoportail

Il semblerait qu'il manquerait la ligne de code suivante:

Code:

window.gGEOPORTALRIGHTSMANAGEMENT===undefined? {'apiKey':'votre_clé_api'} : gGEOPORTALRIGHTSMANAGEMENT)

A ajouter comme ceci dans le code:
Code:

1 2 3 4 viewer= new Geoportal.Viewer.Default('viewerDiv', OpenLayers.Util.extend( options, window.gGEOPORTALRIGHTSMANAGEMENT===undefined? {'apiKey':'votre_clé_api'} : gGEOPORTALRIGHTSMANAGEMENT) );
Pourriez vous retester avec cette modification, d'avance merci

Alors, pour la ligne de code dont vous me parlez elle est bien insérée. Par contre, après avoir revu le codage avec un responsable du service informatique du SDIS, nous avons pu faire un autre constat.

Sur ce morceau de code toujours, dans la fonction initmap

Citation:

var options= {
mode:'normal',
territory:'FXX',
displayProjection:'geoportalMap' ,
proxy:'assets/proxy.php?url='

En ne mettant pas de virgule après 'geoportalMap' une carte apparaît. Si je met une virgule, aucune carte n'apparait. Et que je mette 'geoportalMap' ou '...' voir tout et n'importe quoi, la même carte continue d'apparaître.

Et au niveau de firebug, la carte charge quand je ne met pas cette fameuse virgule, mais j'ai ce message d'erreur :

http://img266.imageshack.us/img266/3279/firebug.jpg

Cependant, il y a au moins un point positif, hier je pouvais toujours tenter de changer la longitude et la latitude dans le quickstart.html, cela ne faisait rien, à part faire disparaître la carte. Maintenant l'épingle bouge

Je place quand même le contenue de mon .html au cas où

Code:

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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
 <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>API Geoportail - SDIS 54</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"/>
    <style type="text/css"><!--/*--><![CDATA[/*><!--*/
    h1 {
        text-align:center;
        font-size:0.75em;
        font-style: italic;
        width:800px;
    }
    div#example_explain {
        margin:0px 0px 10px 0px;
        border: thin solid #595E61;
        width:800px;
        position:relative;
        left:0px;
        top:0px;
        text-align:justify;
        font-size: 0.75em;
        font-style: italic;
        color: #595E61;
    }
    form#gpLangChange {
        border:0px;
        margin:0px;
        padding:0px;
    }
    div#viewerDiv {
        width:1280px;
        height:960px;
        background-color:white;
        background-image:url(http://api.ign.fr/geoportail/api/js/2.0.0/theme/geoportal/img/loading.gif);
        background-position:center center;
        background-repeat:no-repeat;
    }
    div#footer {
        font-size:x-small;
        text-align:center;
        width:800px;
    }
    div#footer a, div#footer a:link, div#footer a:visited, div#footer a:hover {
        text-decoration:none;
        color:black;
    }
    div#code a, div#code a:link, div#code a:visited, div#code a:hover {
        text-decoration:none;
        color: #595E61;
    }
     
   div#code {
        margin:0px 0px 10px 0px;
        width:800px;
        position:relative;
        left:0px;
        top:0px;
        text-align:justify;
        font-size: 0.75em;
        font-style: italic;
        
    }
    /*]]>*/--></style>
	 
  </head>
  <body>
    <h1 id="example_title"></h1>
    <form id="gpLangChange" name="gpLangChange" action="#">
      <select style="font-size:0.75em;" id="gpChooseLang" name="gpChooseLang" size="1">
        <option value="en">English</option>
        <option value="fr">Français</option>
      </select>
    </form>
    <div id="viewerDiv"></div>
	<script type="text/javascript"><!--//--><![CDATA[//><!--
            	var iv= null;
                window.onload= function() {
                
                        iv= Geoportal.load(
                                 // div's ID:
                                 'viewerDiv',
                                 // API's keys:
                                 ['ma clé'],
                                 {// map's center :
                                                // longitude:
                                                lon:4.731525,
                                                // latitude:
                                                lat:50.833333
                                 },
                                 //zoom level 
                                 null,
                                 //options
                                 {
                                 	type:'js'
                                 }
                        );
                };
                //--><!]]></script>
	<script type="text/javascript" src="http://api.ign.fr/geoportail/api/js/latest/GeoportalExtended.js"><!-- --
	 ></script>
    <script type="text/javascript" src="js/utils.js"><!-- --
	></script>     
    <script type="text/javascript" src="js/i18n/quickstart.js"><!-- --
	></script>
    <script type="text/javascript" src="js/quickstart.js"><!-- --
	></script>
    <div id="example_explain"></div>
	<!--<div id='code'><a href="./js/geoportalMap_basic.js" alt="geoportalMap_basic" id="example_jscode" target="_blank"></a></div>-->
    <div id='code'><a href="js/quickstart.js" alt="quickstart" id="example_jscode" target="_blank"></a></div>
    <div id="footer"><a href="https://api.ign.fr/geoportail/document.do?doc=legal_mentions" id="legal"  
target="_blank"></a> - &copy;IGN 2008-2013</div>
  
   
  </body>
</html>

Et le contenu de mon quickstart.js

Code:

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
70
71
/*
 * Copyright (c) 2008-2011 Institut Geographique National France, released under the
 * BSD license.
 */
/**
 * Property: viewer
 * {<Geoportal.Viewer>} the viewer global instance.
 */
viewer= null;

/**
 * Function: initMap
 * Load the application. Called when all information have been loaded by
 * <loadAPI>().
 */
function initMap() {
   
    // ----- Traduction
    translate();

    // ----- Options
    
    var options= {
        mode:'normal',
		territory:'FXX',
		displayProjection:'sdis'
		proxy:'assets/proxy.php?url='
    };

    viewer= new Geoportal.Viewer.Default('viewerDiv', OpenLayers.Util.extend(
        options,
        // API keys configuration variable set by <Geoportal.GeoRMHandler.getConfig>
        // variable contenant la configuration des clefs API remplie par <Geoportal.GeoRMHandler.getConfig>
        window.gGEOPORTALRIGHTSMANAGEMENT===undefined? {'apiKey':'ma clé'} : gGEOPORTALRIGHTSMANAGEMENT)
    );
    if (!viewer) {
        // problem ...
        OpenLayers.Console.error(OpenLayers.i18n('new.instance.failed'));
        return;
    }
	
   
   
    // ----- Layers
    viewer.addGeoportalLayers(['ORTHOIMAGERY.ORTHOPHOTOS']);	
    
    // ----- Autres
	viewer.getMap().setCenterAtLonLat(2.418611,48.842222,10);
}

/**
 * Function: loadAPI
 * Load the configuration related with the API keys.
 * Called on "onload" event.
 * Call <initMap>() function to load the interface.
 */
function loadAPI() {
    // wait for all classes to be loaded
    // on attend que les classes soient chargées
   if (checkApiLoading('loadAPI();',['OpenLayers','Geoportal','Geoportal.Viewer','Geoportal.Viewer.Default'])===false); {
        return;
    }
    
    Geoportal.GeoRMHandler.getConfig(['ma clé'], null,null, {
        onContractsComplete: initMap
    });
}

// assign callback when "onload" event is fired
// assignation de la fonction à appeler lors de la levée de l'évènement "onload"
window.onload= loadAPI;

Vos explications n'étant pas très clair pour moi, je n'ai pas réellement compris si vous souhaiter faire apparaitre une carte qui ressemble à celle du tutoriel:

http://api.ign.fr/documentation/93/d...-du-geoportail

Ou si votre problème vient de votre display projection ?

En effet au début, vous souhaiter faire le tutoriel, puis vous nous parler du Displayprojection qui lui n'est que susnommé et non appliqué dans le tutoriel en question, en attendant faute de mieux je vous transmet le code JS qui fonctionne pour arriver à la fin du tutoriel:

Code:

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
70
71
72
73
74
75
/*
 * Copyright (c) 2008-2011 Institut Geographique National France, released under the
 * BSD license.
 */
 

 
/**
 * Property: viewer
 * {<Geoportal.Viewer>} the viewer global instance.
 */
viewer= null;


/**
 * Function: initMap
 * Load the application. Called when all information have been loaded by
 * <loadAPI>().
 */
function initMap() {
   
    // ----- Traduction
    translate();

    // ----- Options
    var options= {
        mode:'normal',
	territory:'FXX',
	
    };

    viewer= new Geoportal.Viewer.Default('viewerDiv', OpenLayers.Util.extend(
        options,
        // API keys configuration variable set by <Geoportal.GeoRMHandler.getConfig>
        // variable contenant la configuration des clefs API remplie par <Geoportal.GeoRMHandler.getConfig>
        window.gGEOPORTALRIGHTSMANAGEMENT===undefined? {'apiKey':'votre_clé'} : gGEOPORTALRIGHTSMANAGEMENT)
    );
    if (!viewer) {
        // problem ...
        OpenLayers.Console.error(OpenLayers.i18n('new.instance.failed'));
        return;
    }
   
    // ----- Layers
    viewer.addGeoportalLayers(['ORTHOIMAGERY.ORTHOPHOTOS','GEOGRAPHICALGRIDSYSTEMS.MAPS']);



    
    // ----- Autres
	viewer.getMap().setCenterAtLonLat(2.418611,48.842222,10);
}

/**
 * Function: loadAPI
 * Load the configuration related with the API keys.
 * Called on "onload" event.
 * Call <initMap>() function to load the interface.
 */
function loadAPI() {
    // wait for all classes to be loaded
    // on attend que les classes soient chargées
    if (checkApiLoading('loadAPI();',['OpenLayers','Geoportal','Geoportal.Viewer','Geoportal.Viewer.Default'])===false) {
        return;
    }
    
    Geoportal.GeoRMHandler.getConfig(['votre clé'], null,null, {
        onContractsComplete: initMap
    });
}

// assign callback when "onload" event is fired
// assignation de la fonction à appeler lors de la levée de l'évènement "onload"
window.onload= loadAPI;

Il vous suffirat d'y faire référence dans votre fichier HTML sans ajouter de code dans votre fichier HTML.

22/03/2013, 11h02
Scarab Aware

Ben oui justement j'aimerais bien arriver à aboutir à avoir la même carte que sur le tutoriel. Parce que si je prends la carte de l'exemple, après aucun ajout de code ne fonctionne...

Mon problème, c'est ce que je vous explique, vient du display projection, si je le met ça marche, si je le met pas je n'ai rien

Donc, OUI j'ai suivi le tutoriel, MAIS, ça ne marche pas pour moi, j'ai fais plusieurs tentatives. Ensuite j'ai regardé avec les exemples. J'ai la carte d'un exemple cité auparavant qui apparaît, mais pas moyen d'avoir ce qu'il faut.

Et la preuve en est. Je vous remercie de me passer le code que vous dites qu'il marche...mais là encore je n'ai fais de carte qui s'affiche...

Et là encore je rajoute quelque chose après territory

http://img585.imageshack.us/img585/9668/displayoh.jpg

Et...j'ai la carte qui s'affiche. Je retire la ligne du proxy, ça s'affiche quand même. Ah...et là y a quand même la virgule juste après 'FXX'...Quoique je fasse, c'est juste en ajoutant cette ligne, je met '...' et j'ai la carte de l'exemple qui apparait, mais pas celle du tutoriel...

Car là je ne puis aboutir sur des modifs, à part le miracle sur les coordonnées. Toujours est il que y a pas de concordance des données entre .js et .html puisque c'est seulement dans le .html que j'ai changé les coordonnées.

Et par contre :

Citation:

Il vous suffirat d'y faire référence dans votre fichier HTML sans ajouter de code dans votre fichier HTML.

ça veut dire de cette façon c'est ça ? :

Code:

<div id='code'><a href="js/quickstart.js" alt="quickstart" id="example_jscode" target="_blank"></a></div>

Vala, donc je le redis, oui mon problème se situe au niveau d'un display projection qui me semble en totale incohérence...malgré le vide du cache, j'ai toujours la même chose qui s'affiche.

Suis je clair ? :(
22/03/2013, 11h17
nicolas.h

Citation:

Envoyé par Scarab Aware

Ben oui justement j'aimerais bien arriver à aboutir à avoir la même carte que sur le tutoriel. Parce que si je prends la carte de l'exemple, après aucun ajout de code ne fonctionne...

Et la preuve en est. Je vous remercie de me passer le code que vous dites qu'il marche...mais là encore je n'ai fais de carte qui s'affiche...

Quel navigateur et version de celui-ci utilisé vous ?

Citation:

Envoyé par Scarab Aware

http://img585.imageshack.us/img585/9668/displayoh.jpg

Et...j'ai la carte qui s'affiche. Je retire la ligne du proxy, ça s'affiche quand même. Ah...et là y a quand même la virgule juste après 'FXX'...Quoique je fasse, c'est juste en ajoutant cette ligne, je met '...' et j'ai la carte de l'exemple qui apparait, mais pas celle du tutoriel...

La ligne de proxy n'est à mettre que lorsque vous appellé des couches WMS, WMTS, ...
et donc pour un affichage simple de la carte, celle-ci n'est pas obligatoire.

Citation:

Envoyé par Scarab Aware

Car là je ne puis aboutir sur des modifs, à part le miracle sur les coordonnées. Toujours est il que y a pas de concordance des données entre .js et .html puisque c'est seulement dans le .html que j'ai changé les coordonnées.

Les coordonnées sont à changer directement dans le code javascript que je vous ai donné en modifiant les valeurs dans cette ligne

Code:

viewer.getMap().setCenterAtLonLat(2.418611,48.842222,10);

Pour ma part mon fichier HTML, ne contient que des référence vers des fichiers JS et en aucun cas du javascript dedans

Citation:

Envoyé par Scarab Aware

Et par contre :
ça veut dire de cette façon c'est ça ? :

Code:

<div id='code'><a href="js/quickstart.js" alt="quickstart" id="example_jscode" target="_blank"></a></div>

plustot comme ceci

Code:

<script type="text/javascript" src="js/quickstart.js"></script>
22/03/2013, 13h05
Scarab Aware
Le navigateur que j'ai est Firefox 19.0.2

D'accord pour la ligne proxy c'est compris. Toutefois, ça persiste à ce que rien n'apparaisse si quoi que je fasse s'il n y a pas ce dont je vous parle après 'FXX'

Comme ceci :
Code:

1 2 3 4 5 var options= { mode:'normal', territory:'FXX', };
Il ne se passe rien, pas de carte, que le loading et chargement fini

Comme ça
Code:

1 2 3 4 5 var options= { mode:'normal', territory:'FXX', '...' };
Carte qui apparait mais toujours la même.

Ensuite, si je prend le code que vous me donner pour le .js, que je reviens au .html de base il ne se passe rien non plus...

Bonjour,

Pour revenir à notre problème:

Citation:

Le navigateur que j'ai est Firefox 19.0.2

La version de firefox est identique à la mienne

Citation:

Le problème pourrais peut etre venir de là, en effet si vous avez le même code javascript que ce que je vous ai transmis, tout ce code javascript est inutile pour charger une carte. Pour rappel voici l'ensemble de mon code JS et HTML:

Code:

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
70
71
/*
 * Copyright (c) 2008-2011 Institut Geographique National France, released under the
 * BSD license.
 */
 /**
 * Property: viewer
 * {<Geoportal.Viewer>} the viewer global instance.
 */
viewer= null;

/**
 * Function: initMap
 * Load the application. Called when all information have been loaded by
 * <loadAPI>().
 */
function initMap() {
   
    // ----- Traduction
    translate();

    // ----- Options
    var options= {
        mode:'normal',
	territory:'FXX',
	
    };

    viewer= new Geoportal.Viewer.Default('viewerDiv', OpenLayers.Util.extend(
        options,
        // API keys configuration variable set by <Geoportal.GeoRMHandler.getConfig>
        // variable contenant la configuration des clefs API remplie par <Geoportal.GeoRMHandler.getConfig>
        window.gGEOPORTALRIGHTSMANAGEMENT===undefined? {'apiKey':'votre_clé_api'} : gGEOPORTALRIGHTSMANAGEMENT)
    );
    if (!viewer) {
        // problem ...
        OpenLayers.Console.error(OpenLayers.i18n('new.instance.failed'));
        return;
    }
   
    // ----- Layers
    viewer.addGeoportalLayers(['ORTHOIMAGERY.ORTHOPHOTOS','GEOGRAPHICALGRIDSYSTEMS.MAPS']);



    
    // ----- Autres
	viewer.getMap().setCenterAtLonLat(2.418611,48.842222,10);
}

/**
 * Function: loadAPI
 * Load the configuration related with the API keys.
 * Called on "onload" event.
 * Call <initMap>() function to load the interface.
 */
function loadAPI() {
    // wait for all classes to be loaded
    // on attend que les classes soient chargées
    if (checkApiLoading('loadAPI();',['OpenLayers','Geoportal','Geoportal.Viewer','Geoportal.Viewer.Default'])===false) {
        return;
    }
    
    Geoportal.GeoRMHandler.getConfig(['votre_clé_api'], null,null, {
        onContractsComplete: initMap
    });
}

// assign callback when "onload" event is fired
// assignation de la fonction à appeler lors de la levée de l'évènement "onload"
window.onload= loadAPI;

Et pour le code HTML:

Code:

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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
    <!DOCTYPE html>
<html>
  <head>
    <title>JS API Tutorials - Quickstart</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"/>
    <style type="text/css"><!--/*--><![CDATA[/*><!--*/


h1 {
        text-align:center;
        font-size:1.2em;
        font-style: italic;
        width:800px;
	color:#336699;
    }
    div#example_explain {
        margin:0px 0px 10px 0px;
        border: thin solid white;
        width:800px;
        position:relative;
        left:0px;
        top:0px;
        text-align:justify;
        font-size: 0.75em;
        font-style: italic;
        color: #595E61;
    }
    form#gpLangChange {
        border:0px;
        margin:0px;
        padding:0px;
	
    }
    div#viewerDiv {
        width:800px;
        height:600px;
	background-color:white;
        background-image:url(http://api.ign.fr/geoportail/api/js/2.0.0/theme/geoportal/img/loading.gif);
        background-position:center center;
        background-repeat:no-repeat;
    }
    div#footer {
        font-size:x-small;
        text-align:center;
        width:800px;
    }
    div#footer a, div#footer a:link, div#footer a:visited, div#footer a:hover {
        text-decoration:none;
        color:black;
    }
    div#code a, div#code a:link, div#code a:visited, div#code a:hover {
        text-decoration:none;
        color: #595E61;
    }
     
   div#code {
        margin:0px 0px 10px 0px;
        width:800px;
        position:relative;
        left:0px;
        top:0px;
        text-align:justify;
        font-size: 0.75em;
        font-style: italic;
        
    }




    /*]]>*/--></style>
  </head>
  <body>
    <h1 id="example_title"></h1>
    <form id="gpLangChange" name="gpLangChange" action="#">
      <select style="font-size:0.75em;" id="gpChooseLang" name="gpChooseLang" size="1">
        <option value="en">English</option>
        <option value="fr">Français</option>
      </select>
    </form>
    <div id="viewerDiv"></div>
    <div id="example_explain"></div>
    <div id='code'><a href="js/quickstart.js" alt="quickstart" id="example_jscode" target="_blank"></a></div>
    <div id="footer"><a href="https://api.ign.fr/geoportail/document.do?doc=legal_mentions" id="legal" target="_blank"></a> - &copy;IGN 2008-2011</div>
  
    <script type="text/javascript" src="http://api.ign.fr/geoportail/api/js/latest/GeoportalExtended.js"></script>
    <script type="text/javascript" src="js/utils.js"></script>     
    <script type="text/javascript" src="js/i18n/quickstart.js"></script>
    <script type="text/javascript" src="js/quickstart.js"></script>


  </body>
</html>

Comme vous pouvez le voir je n'ai aucun code JS dans mon fichier html.

Essayer donc avec ce code et tenez moi au courant.

25/03/2013, 08h47
Scarab Aware

Aah :D, merci beaucoup Nicolas ;), là ça devient enfin bon, ça marche :D. Maintenant, il ne me reste plus qu'à tester pour des ajouts, en espérant que ça aille sans trop de problème...
Je commençais à me demander s'il fallait pas que je vois avec une version moins récente de l'API pour tester.
25/03/2013, 09h00
nicolas.h

Citation:

Envoyé par Scarab Aware

Aah :D, merci beaucoup Nicolas ;), là ça devient enfin bon, ça marche :D. Maintenant, il ne me reste plus qu'à tester pour des ajouts, en espérant que ça aille sans trop de problème...
Je commençais à me demander s'il fallait pas que je vois avec une version moins récente de l'API pour tester.

:D pour tester les ajouts je te conseil vivement de tout faire dans le fichier javascript. L'ajout de couche se fait d'ailleurs dans l'ensemble des tutoriels javascript sur api.ign.fr

Si cela est bon pour toi, n'oublie pas d'appuyer sur le bouton résolu pour dire que ton sujet est résolu ;)