API IGN et BLOG ?

**leonweb73** · 07/05/2010, 11h45

Bonjour, j'aimerais savoir si l'API IGN fonctionne lorsqu'elle est intégrée dans un blog.
Si oui lesquelles ? et de quelle manière l'intégrer ?
Est-ce possible de faire apparaitre une carte dans un message ou bien uniquement dans un module html/javascript ?

Personnellement je n'arrive pas à faire apparaitre une carte sur un blog hébergé par Blogger.

Si certains d'entre vous on des exemples concret de blog perso utilisant l'API IGN merci de nous faire partager votre expérience.

Merci d'avance.

**dgrichard** · 08/05/2010, 13h13

Nous avons utilisé l'API dans SPIP, Joomla, MediaWiki, WordPress seulement.

A priori, il ne devrait pas y avoir d'autres problèmes que celui de l'écrasement des CSS par les blogs

**achaumet** · 22/05/2010, 15h49

J'ajoute à la liste Dotclear :et ça fonctionne ici chez Blogger

**basti1n** · 09/09/2010, 17h00

Serait-il possible d'avoir un example de code a utiliser?

J'ai essaye le code donne par geoportail et celui par GPSpassion
mais le probleme est l ememe lorsque je colle ce code en mode html de ma page de mon blog les parties de debut et de fin disparaissent.
Il ne me reste plus que le code entre les balises <script>.

Quelqu'un pourrait il m'eclaircir?

**dgrichard** · 09/09/2010, 22h55

Envoyé par basti1n

Quelqu'un pourrait il m'eclaircir?

Il faudrait chercher dans les plugins d'over-blog s'il y a la possibilité d'ajouter du javascript dans une page du blog (un parcours rapide de leur documentation utilisateur ne donne pas d'informations).

Peut-être en demandant à un forum spécialisé sur l'outil ?

**basti1n** · 10/09/2010, 11h48

il n'y a pas de probleme pour inserer du javascript a priori
il suffit d'ouvrir le mode appelle "editeur de source html"
lorsque je colle le code:
<!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>Page web de test pour l'API du Géoportail</title>
<script src="http://api.ign.fr/api?v=1.0beta3&key=xxxxxxxxxxxxxxxxxxx&instance=map"></script>

<script type="text/javascript">
function initGeoportalMap() {

geoportalLoadmap("GeoportalMapDiv", "normal", "FXX");
if(map.allowedGeoportalLayers){
for (var i= 0; i<map.allowedGeoportalLayers.length; i++) {
var overloaded_options= null;
switch (map.allowedGeoportalLayers[i]) {
case 'GEOGRAPHICALGRIDSYSTEMS.MAPS': // cartes
overloaded_options= {
opacity: 0.8
};
break;
case 'ORTHOIMAGERY.ORTHOPHOTOS' : // ortho-photos
overloaded_options= {
visibility: false
};
break;
default :
break;
}
map.addGeoportalLayer(map.allowedGeoportalLayers[i],overloaded_options);
}
map.addLayer("KML", "Mon parcours 1", "mon_parcours_1.kml");
//map.addLayer("KML", "Mon parcours_2", "mon_parcours_2.kml");
map.setCenterAtLonLat(7.16497, 48.50079, 13);
}
}
</script>
</head>

<body style='width:100%;height:100%;border:0;margin:0;'>
<div id='GeoportalMapDiv' style='width:800px;height:600px;'></div>
</body>
</html>

il devient losque je le "met a jour":
<script src="http://api.ign.fr/api?v=1.0beta3&key=xxxxxxxxxxxxxxxxxxx&instance=map"></script>
<script type="text/javascript">// <![CDATA[
function initGeoportalMap() {

geoportalLoadmap("GeoportalMapDiv", "normal", "FXX");
if(map.allowedGeoportalLayers){
for (var i= 0; i<map.allowedGeoportalLayers.length; i++) {
var overloaded_options= null;
switch (map.allowedGeoportalLayers[i]) {
case 'GEOGRAPHICALGRIDSYSTEMS.MAPS': // cartes
overloaded_options= {
opacity: 0.8
};
break;
case 'ORTHOIMAGERY.ORTHOPHOTOS' : // ortho-photos
overloaded_options= {
visibility: false
};
break;
default :
break;
}
map.addGeoportalLayer(map.allowedGeoportalLayers[i],overloaded_options);
}
map.addLayer("KML", "Mon parcours 1", "mon_parcours_1.kml");
//map.addLayer("KML", "Mon parcours_2", "mon_parcours_2.kml");
map.setCenterAtLonLat(7.16497, 48.50079, 13);
}
}
// ]]></script>

Est ce un probleme d'autorisation du code ou qlqch de ce genre?

**mga_geo** · 10/09/2010, 12h06

Juste une remarque en passant, la 1.0beta3 n'est plus au goût du jour.

Et pour l'utilisation dans un CMS, il faut se tourner vers les faq/forums/... dédiés.

**dgrichard** · 10/09/2010, 12h30

Envoyé par basti1n

il n'y a pas de probleme pour inserer du javascript a priori
il suffit d'ouvrir le mode appelle "editeur de source html"...

Est ce un probleme d'autorisation du code ou qlqch de ce genre?

Pourrais-tu essayer ceci (sans aucune garanti, je ne connais pas ce CMS et comme l'écrit justement mga_geo, il y a des forums/FAQ probablement dédié à l'ajout de code Javascript dans over-blog!) :

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
<div id='GeoportalMapDiv' style='width:800px;height:600px'></div>
 <script src="http://api.ign.fr/api?v=1.0&key=xxxxxxxxxxxxxxxxxxx&instance=map"></script>

  <script type="text/javascript">
  <!--
    function initGeoportalMap() {
if (typeof(Geoportal)=='undefined' ||
    typeof(Geoportal.Viewer)=='undefined' ||
    typeof(Geoportal.Viewer.Default)=='undefined') {
    window.setTimeout('initGeoportalMap();', 500);
    return;
}
       geoportalLoadmap("GeoportalMapDiv", "normal", "FXX");
        if(map.allowedGeoportalLayers){
    for (var i= 0; i<map.allowedGeoportalLayers.length; i++) {
        var overloaded_options= null;
        switch (map.allowedGeoportalLayers[i]) {
            case 'GEOGRAPHICALGRIDSYSTEMS.MAPS': // cartes
            overloaded_options= {
                                    opacity: 0.8
            };
            break;
            case 'ORTHOIMAGERY.ORTHOPHOTOS'    : // ortho-photos
            overloaded_options= {
                                    visibility: false
            };
            break;
        default                            :
            break;
        }
        map.addGeoportalLayer(map.allowedGeoportalLayers[i],overloaded_options);
      }
              map.addLayer("KML", "Mon parcours 1", "mon_parcours_1.kml");
              //map.addLayer("KML", "Mon parcours_2", "mon_parcours_2.kml");
              map.setCenterAtLonLat(7.16497, 48.50079, 13);
     }
    }

initGeoportalMap();
   -->
  </script>

**basti1n** · 27/09/2010, 12h58

Merci pour vos reponses
le code n'a pas marche, je me penche comme suggere sur les forums dedies au javascript.
J'avais evidement remarque que

la version 1.0beta3 n'est plus au gout du jour

Je ne vais pas deranger plus sur ce forum reserve au professionel. Il est bien domage qu'il n'y ait pas plus de forum sur l'utilisation pour les sites perso et les blogs, mais cela se developpera surement.

**dgrichard** · 27/09/2010, 20h19

Envoyé par basti1n

Je ne vais pas deranger plus sur ce forum reserve au professionel. Il est bien domage qu'il n'y ait pas plus de forum sur l'utilisation pour les sites perso et les blogs, mais cela se developpera surement.

On compte sur les volontaires ...

Sinon, tu nous déranges pas, c'est simplement que l'on utilise pas ton outils

**basti1n** · 28/09/2010, 22h28

Ca y'est j'ai pu aboutir a un code qui m'affiche le cadre geoportail grace au forum d'over-blog que voici

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
<div id="GeoportalVisuDiv">
    &nbsp;
  </div>
<script src="http://api.ign.fr/geoportail/api?v=1.0&amp;key=6240857737075228043&amp;instance=VISU" type="text/javascript">
</script>
<script type="text/javascript">// <![CDATA[
    function initGeoportalMap() {

 

      geoportalLoadVISU("GeoportalVisuDiv");


      if (VISU) {

        VISU.addGeoportalLayers();

      }


      VISU.getMap().setCenter(VISU.viewerOptions.defaultCenter,VISU.viewerOptions.defaultZoom);

    }
// ]]></script>
<style type="text/css"><!--
  div#GeoportalVisuDiv {
    width:600px;
    height:500px;
  }
--></style>

cependant comme je dis je n'ai que le cadre. J'ai pensé que je n'avais peut etre pas appelé les couches ou que ma clef ne marchait pas.

J'ai donc essayé un code plus complet avec un morceau pris dans la doc API:

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
<div id="GeoportalVisuDiv">
    &nbsp;
  </div>
<script src="http://api.ign.fr/geoportail/api?v=1.0&amp;key=6240857737075228043&amp;instance=VISU" type="text/javascript">
</script>
<script type="text/javascript">// <![CDATA[
    function initGeoportalMap() {

 

      geoportalLoadVISU("GeoportalVisuDiv");


    if (VISU.getMap().allowedGeoportalLayers) {
    for (var i= 0; i<VISU.getMap().allowedGeoportalLayers.length; i++) {
        var overloaded_options= null;
        var couche= VISU.getMap().allowedGeoportalLayers[i];
        if (couche.match(/^GEOGRAPHICALGRIDSYSTEMS.MAPS/)) {// maps
            overloaded_options= {
                                    opacity: 1.0
            };
        } else if (couche.match(/^ORTHOIMAGERY.ORTHOPHOTOS/)) {// orthophotos
            overloaded_options= {
                                    visibility: false
            };
        }
        VISU.addGeoportalLayer(couche,overloaded_options);
    
}

      }
 

    }
// ]]></script>
<style type="text/css"><!--
  div#GeoportalVisuDiv {

    width:600px;

    height:600px;

  }
--></style>

pageperso

Pensez-vous que ca vient de ma clef ou de mon code?

**mga_geo** · 29/09/2010, 06h21

Je viens de tester le lien http://fondus.over-blog.com/article-...-57827786.html sous Firefox avec Firebug actif.
Dans l'onglet réseau, il a une réponse "403 Interdit" à la demande de token (http://jeton-api.ign.fr/getToken?key...8043.callback&).

Donc je pense que ta clé ne convient pas pour ce site!
Il faut vérifier qu'elle correspond bien au site http://fondus.over-blog.com

**basti1n** · 29/09/2010, 10h17

dans mon contrat API IGN le site enregistre est: http://fondus.over-blog.com/#
est-ce que le diese a la fin est un probleme?

**mga_geo** · 29/09/2010, 10h57

Je pense que la comparaison se fait strictement et donc le # est en trop!

**dgrichard** · 29/09/2010, 14h21

Envoyé par mga_geo

Je pense que la comparaison se fait strictement et donc le # est en trop!

La clef contient le # ...

Je l'ai enlevé, maintenant il y a une erreur dans la page :

Code :

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

1
2
VISU.getMap().addLayer("KML", "parcours", http://ddata.over-blog.com/0/00/58/49/Guery.kml);

qu'il faudrait écrire :

Code :

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

1
2
VISU.getMap().addLayer("KML", "parcours", "http://ddata.over-blog.com/0/00/58/49/Guery.kml");

**basti1n** · 29/09/2010, 15h53

Du coup j'avais refait un nouveau contrat.

merci d'avoir detecte la faute

le fichier kml n'etait pas correct non plus. j'en ai choisi un autre que j'ai teste sur un site web, a partir de l'url

La couche semble etre ajoutee puisqu'elle apparait dans le cadre des couches, seulement une erreur est toujours presente:
line 1 column 1, extra content at end of document

page

merci

**mga_geo** · 29/09/2010, 16h23

J'ajoute les couches kml, gpx, ... après les couches "Geoportal"
Juste avant, je centre la carte sur la bonne zone:
VISU.getMap().setCenterAtLonLat(3,45.74,12);

**basti1n** · 29/09/2010, 18h05

J'ai bien essaye de le mettre avant, apres j'ai toujours ce pb.
je pensait qu'il n'y avais pas besoin de centrer la carte car la couche kml a la fonction zoomtoextent par defaut?

**mga_geo** · 30/09/2010, 06h36

J'ai fait une page d'essai et cela fonctionne: http://atlasnw.free.fr/geoportail/exemples/baztien.html
Le fichier kml est donc valide!!!
Par contre, ce fichier n'est pas sur le même serveur que le script dans ton cas.
Il va donc y avoir des problèmes de droits d'accès et de proxy....