Discussion :

[fabrob11]

Bonjour,

J'ai une page carte 'carte_apign.php' qui fonctionne normalement.
Lorsque j'insere cette page en include ça fonctionne :

include ('../api_ign/carte_apign.php');

Mais si je charge la carte avec une fonction onclick utilisant ajax la page et le viewer se chargent mais aucune couche n'est visible et dans la console de debug j'ai le message "openlayers is not defined"

<div class="button_hidden" style="background:#FFFFFF; text-align:left; cursor:pointer; " onclick=" Ajax_carte_fiche()" ><!-- Ajax_carte_fiche()-->
<h2>
<img style="cursor:pointer;" src="img/plus.png" id="plusmoins1" align="absmiddle" alt="" />
<strong>Carte de localisation</strong>
</h2>
</div>
<br/>
<div id="detail1" >
<?php
echo "ici <a href='../api_ign/carte_apign.php' target='_blank' >la carte</a> ... normalement !";

echo "<div id='divcarte'></div>"; // ICI ca BUG !!!

?>
</div>

et le .js avec la fonction ajax

function Ajax_carte_fiche()
{
$.ajax(
{
type: "GET",
url: "../api_ign/carte_apign.php",
dataType : "html",
error:function(msg)
{
alert( "Error !: " + msg );
},
success:function(data)
{
$('#divcarte').append(data);
}
});
}

[zainab_k]

Bonjour,
L'erreur "openlayers is not defined" s'affiche en général quand on essaye d'executer une fonction de l'API géoportail ou d'openLayers alors que le code source de l'API n'est pas complètement chargé.

Code :

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

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

En général, on ajoute

Code :

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

1
2
3
window.onload= function(){
//code API
};

Ce qui permet d'attendfre le chargement du script API.

[fabrob11]

Merci mais j'ai déja le "windows.onload" sur ma page carte ...
le lien pour voir la page qui bug : http://www.pilote41.fr/outils_obs/mo.../carteajax.php
il faut cliquer sur "carte de localisation" en vert ...

[zainab_k]

J'ai comme l'impression qu'il n'y a plus de problème sur votre page...

[fabrob11]

je viens d'essayer sur plusieurs PC et j'ai toujours le problème
Je parle bien de la carte qui doit s'afficher en bas de la page lorsqu'on clic sur le "+" vert.
c'est la page qui est appeler par la lien "la carte"que je voudrais voir apparaitre ....

[gcebelieu]

Bonjour,

l'erreur semble venir lors de l'exécution du code de GeoportalAlert.js qui n'est pas conditionné par le onload de la carte, qui utilise la classe OpenLayers.Util et est exécuté dès le chargement. L'instruction est la suivante :

Code :

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

1
2
3
OpenLayers.Util.extend(Geoportal$translations, {
});

Je ne sais pas quel est le but de l'exécuter séparément du reste du code qui est dans carte_apiign.php, mais si on la conditionne au chargement du onload, ça devrait aller mieux.

[fabrob11]

j'ai supprimé GeoportalAlert.js qui ne semble pas utile ... je ne sais pas pourquoi il etait là :-( j'ai paramétré l'API il y a quelques temps et elle fonctionne très bien en include ou en chargement direct de la page, c'est seulement depuis que j'essaye de la charger en Ajax que ca ne fonctionne plus ...

Et ça ne fonctionne toujours, pas, mais je n'ai plus d'erreur dans la console !

[fabrob11]

je viens de remplacer ma carte par la carte quickstart téléchargé sur le site de l'API ... la carte seule fonctionne mais l'appel par Ajax me renvoi l'erreur OpenLayers :-(

Je ne suis plus sûr que le problème soit seulement lié à l'API IGN ... mais je ne sais pas ou chercher ??? mon code ajax est très basic, et l'appel de n'importe quel autre page fonctionne.

pour résumé :
- la page carte fonctionne
- l'appel d'une page fonctionne
- l'appel de la page carte ne fonctionne pas

[fabrob11]

j'ai trouvé une solution en contournant un peu le problème ... je post la solution si ça peut aider quelqu'un ...

J'ai remplacé le fonction "function Ajax_carte_fiche()" par une fonction plus simple qui insert la carte en iframe

function insertcarte()
{
$('#divcarte').html('<iframe src="../api_ign/carte_apign.php" height="500" width ="600"></iframe>');
}