1. ✅ Apprenez une METHODE qui marche pour votre SEO ! Formation à distance avec Olivier Duffez et Fabien Facériès + aide pour prise en charge du financement
    Rejeter la notice

Wordpress et API Géoportail

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Gars_Yves, 14 Septembre 2014.

  1. Gars_Yves
    Gars_Yves Nouveau WRInaute
    Inscrit:
    24 Août 2014
    Messages:
    7
    J'aime reçus:
    0
    Bonjour à tous,

    J'avais réalisé il y a 6 mois environ un brouillon d'article sur mon blog Wordpress où j'avais mis une carte en utilisant l'API Géoportail (en utilisant le plugin "Raw html").
    Bon, c'était le bonheur ! J'avais ce que je voulais : Une carte dynamique parfaite.

    Je reviens récemment sur mon brouillon, en vue d'appliquer le procédé sur des articles publiés de mon blog, et oh surprise ! L'affichage ne se fait plus correctement : La carte apparait striée de bandes blanches verticales.

    A noter que je n'ai RIEN changé dans le code ! A noter aussi que le code, testé "hors Wordpress" en localhost, fonctionne toujours parfaitement !
    Ce n'est donc pas un problème de code html ni javascript ... Je précise aussi que mon Wordpress a assez de mémoire : Mémoire utilisée 42.95 MB, Mémoire limite : 128 MB

    Si quelqu'un a une idée ?

    PS : J'ai aussi essayé, du coup, d'utiliser le (médiocre) plugin "Geoportail Shortcode" : Même résultat : mêmes bandes blanches verticales !

    ======================

    [raw]

    <!DOCTYPE html>
    <html>
    <head>
    <title>Essai 02</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css"><!--/*--><![CDATA[/*><!--*/
    div#viewerContainer {
    width:600px;
    height:400px
    }
    h1 {
    font-size:25px;
    font-weight:bold;
    font-family: sans-serif;
    }
    /*]]>*/--></style>
    </head>
    <body>
    <h1 id="title">Essai 02</h1>
    <div id="viewerContainer"></div>
    <script type="text/javascript"><!--//--><![CDATA[//><!--
    /**
    * Property: iViewer
    * {<Geoportal.InterfaceViewer>} The Geoportal API viewer interface.
    */
    iViewer= null;

    /**
    * Function: init
    * Load the map. Called when "onload" event is fired.
    */
    function init() {
    iViewer= Geoportal.load(
    // map's div id - identifiant de la div de la carte :
    "viewerContainer",
    // API's keys - clefs API :
    ["ma clé A JOUR de license gratuite pour l'API Geoportail"],
    {
    // center in WGS84G - centre en WGS84G
    lon:6.800681349904434,
    lat:45.521178078454874
    },
    // zoom level (0-20) - niveau de zooms (0 à 20) :
    14,
    { // various options :
    loadTheme: function() {
    Geoportal.Util.setTheme("geoportal3");
    Geoportal.Util.loadCSS("http://api.ign.fr/geoportail/api/js/2.0.3/theme/geoportal3/style.css","__GeoportalBlackCss__","");
    if (OpenLayers.Util.alphaHack()) {
    Geoportal.Util.loadCSS("http://api.ign.fr/geoportail/api/js/2.0.3/theme/geoportal3/ie6-style.css","__IE6GeoportalBlackCss__","");
    }
    },
    // viewer default controls options overloads :
    componentsOptions:{},
    // Geoportal's layers to load (when none, all contracts' layers are loaded) :
    layers:["GEOGRAPHICALGRIDSYSTEMS.MAPS:WMTS","CADASTRALPARCELS.PARCELS:WMTS","ORTHOIMAGERY.ORTHOPHOTOS:WMTS"],
    // Geoportal's layers options :
    layersOptions:{"GEOGRAPHICALGRIDSYSTEMS.MAPS:WMTS":{"opacity":0.3,"visibility":true},"CADASTRALPARCELS.PARCELS:WMTS":{"opacity":1,"visibility":false},"ORTHOIMAGERY.ORTHOPHOTOS:WMTS":{"opacity":1,"visibility":true}},
    overlays:{},
    // callback to use before returning (after centering) :
    onView:function() {viewer=iViewer.getViewer();


    //Ajout du contrôle d'impression
    var nv= viewer.getMap().getControlsByClass("Geoportal.Control.NavToolbar")[0];
    nv.addControls([new Geoportal.Control.PrintMap()]);

    var measurebar= new Geoportal.Control.MeasureToolbar({
    div: OpenLayers.Util.getElement(tbx.id+"_measure"),
    displaySystemviewer.getMap().getProjection().getProjName()=="longlat"?"geographic":"metric"),
    targetElement: OpenLayers.Util.getElement(tbx.id+"_meares")
    });
    viewer.getMap().addControl(measurebar);

    viewer.getMap().getControlsByClass("Geoportal.Control.MeasureToolbar")[0].controls[2].deactivate;
    viewer.getMap().getControlsByClass("Geoportal.Control.MeasureToolbar")[0].controls[2].div.style.display="none";

    },
    // class of viewer to use :
    viewerClass:"Geoportal.Viewer.Default"
    }
    );
    }


    window.onload= init;
    //--><!]]></script>
    <script type="text/javascript" charset="utf-8" src="http://api.ign.fr/geoportail/api/js/latest/GeoportalExtended.js"><!--//--><![CDATA[//><!--
    //--><!]]></script>
    </body>
    </html>

    [/raw]

    =======================================
     
  2. loubet
    loubet WRInaute impliqué
    Inscrit:
    19 Février 2003
    Messages:
    792
    J'aime reçus:
    0
    teste avec un autre navigateur, pour voir si ce n'est pas le blocage du referer qui aboutit à ne pas voir les images.
     
  3. Gars_Yves
    Gars_Yves Nouveau WRInaute
    Inscrit:
    24 Août 2014
    Messages:
    7
    J'aime reçus:
    0
    Avec IE, ça fait pareil ! :(
     
  4. Leonick
    Leonick WRInaute accro
    Inscrit:
    8 Août 2004
    Messages:
    19 413
    J'aime reçus:
    0
    il me semble qu'il fallait paramétrer chacune des urls sur lesquelles le script était installé
     
  5. Gars_Yves
    Gars_Yves Nouveau WRInaute
    Inscrit:
    24 Août 2014
    Messages:
    7
    J'aime reçus:
    0
    Je ne comprends pas la réponse de Léonick.

    Lors de mon post initial, je pensais que la seule chose qui aurait changé sur mon site WordPress depuis que les cartes de l'API Géoportail ne s'affichent plus correctement (bandes blanches verticales), ce serait la version de WordPress.

    Et bien non, ça n'a rien à voir ! Depuis, j'ai pu refaire un essai avec une ancienne version de WordPress 3.5.1.
    Et bien même défaut d'affichage, que ce soit avec le plugin Géoportail Shortcode ou avec du Javascript (avec plugin Raw Html).

    Ne reste donc plus que l'évolution ... de l'API lui même.

    Je souhaiterais des retours d'autres utilisateurs de l'API Géoportail sous WP.
     
  6. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 056
    J'aime reçus:
    294
    Il faudrait déjà faire un "CTRL+SHIFT+C" (ou clic droit, inspect element) (avec Chrome ou Firebug) sur ces fameuses bandes blanches pr comprendre d'où ça vient.
     
  7. loubet
    loubet WRInaute impliqué
    Inscrit:
    19 Février 2003
    Messages:
    792
    J'aime reçus:
    0
    j'ai pris le code, virer la partie qui retourne une erreur, mis une clé valide, et la carte s'affiche bien.
    on peut voir une page où cela ne fonctionne pas ?
     
  8. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 056
    J'aime reçus:
    294
  9. acign
    acign Nouveau WRInaute
    Inscrit:
    2 Août 2009
    Messages:
    2
    J'aime reçus:
    0
    Bonjour,
    je suppose que vous aviez obtenu cette clé sur ce site destiné aux développeurs http://api.ign.fr/accueil
    Il délivre en effet des clés limitée dans le temps, qu'il est toutefois possible de renouveler.

    Vous pouvez obtenir une clé d'exploitation sur le site IGN valide pour une période plus importante, tout aussi gratuite : http://professionnels.ign.fr/ign/configure/1555/service et dont les limites (50 utilisateurs simultanés, 100 000 transactions par mois) permettent une présence confortable d'un blog sur le web.

    Pour des questions techniques plus pointues, vous pouvez vous référer au forum technique de l'API Géoportail http://www.developpez.net/forums/f1255/applications/sig-systeme-d-information-geographique/ign-api-geoportail/
     
Chargement...
Similar Threads - Wordpress API Géoportail Forum Date
Wordpress : indexation ultra rapide Crawl et indexation Google, sitemaps 16 Décembre 2011
Indexation rapide Wordpress ! Débuter en référencement 20 Novembre 2009
WordPress Transfert d'un gros site HTML 170 pages vers WordPress Crawl et indexation Google, sitemaps 9 Septembre 2020
Optimisation site Wordpress Débuter en référencement 21 Août 2020
Lien externe sponsorisé menu/page accueil Wordpress Débuter en référencement 9 Août 2020
Quel CMP pour Adsense et régies pub / wordpress ? AdSense 18 Juillet 2020
Problème migration site vistaprint vers wordpress.com Débuter en référencement 3 Juillet 2020
Mon site wordpress ne s'affiche pas dans recherches Google Problèmes de référencement spécifiques à vos sites 30 Juin 2020
WordPress Wordpress et les /page/n/ (page/2/ - page/3/ - ...) Débuter en référencement 27 Juin 2020
Le htaccess de WordPress réécrit une URL qui n'est pas censé être réécrite Administration d'un site Web 17 Juin 2020