Problème de clef de l'api web

**natura2000** · 04/04/2013, 11h38

Je vous contacte concernant un soucis de licence pour l’application web.
J’ai réalisé une commande pour l’utilisation de la Licence API Géoportail.
J’ai donc reçu le numéro de clé sous forme d'une suite de lettre.
Pour le site web suivant : http://www.cc-isle-cremieu.fr/
Et la page suivante : http://www.cc-isle-cremieu.fr/ccic-natura2000.html

J’ai tenté de remplacer l’ancienne clef (suite de chiffre) par la nouvelle mais sans succès : les cartes Ign ne s’affiche pas.
Pourriez-vous m’indiquer la démarche à suivre ?
En vous remerciant par avance,

PS : La page web statique que nous avions se présentait sous la forme suivante :

<!DOCTYPE html>
<html>
<head>
<title>Site Natura 2000 "Isle Cremieu"</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[/*><!--*/

body {
background-color: #9F9F9F;
}
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;
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/.../loading.gif);
background-position:center center;
background-repeat:no-repeat;
}

div#footer {
font-size

-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>

<div id="viewerDiv"></div>

<div id='code'><a href="./js/geoportalMap_ignRGE.js" alt="geoportalMap_ignRGE" 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> - ©IGN 2008-2012</div>

<script type="text/javascript"><![CDATA[//><!]]></script>

<script
type="text/javascript" charset="utf-8"
src="http://api.ign.fr/geoportail/api/js/1.3.0/Geoportal.js">

</script>

</body>
</html>

**gcebelieu** · 04/04/2013, 15h07

Bonjour,

dans votre page, la clef que vous utilisez commence par un 'F' majuscule. Je ne connais pas la clef que vous avez obtenue, mais ce ne peut pas être ça. Vérifiez votre clef. remarque : en remplaçant le 'F' par un 'f', cela a déjà l'air de mieux marcher.

Autre remarque au passage :

votre page appelle l'api version 1.3 qui n'est plus d'actualité :

Code :

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

1
2
3
4
5
6
<script
type="text/javascript" charset="utf-8"
src="http://api.ign.fr/geoportail/api/js/1.3.0/Geoportal.js">
<!-- -->
</script>

Par défaut, il vous ait retourné l'API version 2.0.0.

Vous devriez appeler explicitement cette dernière en utilisant au choix l'une des url suivantes :
http://api.ign.fr/geoportail/api/js/2.0.0/Geoportal.js
http://api.ign.fr/geoportail/api/js/2.0.1/Geoportal.js
http://api.ign.fr/geoportail/api/js/2.0.2/Geoportal.js
http://api.ign.fr/geoportail/api/js/2.0.3/Geoportal.js
http://api.ign.fr/geoportail/api/js/2.0/Geoportal.js (retourne la dernière 2.0.x - actuellement, la 2.0.3)
http://api.ign.fr/geoportail/api/js/latest/Geoportal.js (retourne la dernière version en date - actuellement, la 2.0.3)

**Mides** · 04/04/2013, 17h29

Bonjour,

comme dit par Gcebelieu, l'URL n'est pas la bonne et quelques petites erreurs de syntaxe, il me semble.

* Mettre la clé de développement ou production.

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
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
<!DOCTYPE html>
<html>
	<head>
		<title>Site Natura 2000 "Isle Cremieu"</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">
			body {
				background-color: #9F9F9F;
			}
			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;
				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/1.3.0/theme/geoportal/img/loading.gif);
				background-position:center center;
				background-repeat:no-repeat;
			}
			div#footer {
				font-size-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>
		<div id="viewerDiv">
		</div>
		<div id='code'>
			<a href="./js/geoportalMap_ignRGE.js" alt="geoportalMap_ignRGE" 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-2012
		</div>
		<script type="text/javascript">
			window.onload= function() {
				Geoportal.load(
				'viewerDiv',
				['XXXXXXXXX-KEY-XXXXXXXXXXX'],
				{
					lon:5.36,
					lat:45.724611
				}, 
				10,
				{
					overlays:{'kml':[{name:'Natura 2000',url:'IMG/kml/Natura_2000_Isle_Cremieu.kml'}]
				},
				language:'fr',viewerClass:Geoportal.Viewer.Default
				}
				);
			};
		</script>
		<script
			type="text/javascript" charset="utf-8" 
			src="http://api.ign.fr/geoportail/api/js/latest/Geoportal.js">
		</script>
	</body>
</html>

**natura2000** · 17/04/2013, 13h33

Merci bien pour votre réponse.
Je regarde ça.
Bonne journée

Problème de clef de l'api web

IGN API Géoportail

Discussions similaires

Partager

Partager