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 415
    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:
    8 909
    J'aime reçus:
    267
    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:
    8 909
    J'aime reçus:
    267
  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
Afficher un champ dans la page profil Wordpress Développement d'un site Web ou d'une appli mobile il y a 3 minutes
WordPress Problème affichage accent sur Wordpress Développement d'un site Web ou d'une appli mobile Aujourd'hui à 06:44
Cherche thème Wordpress avec partie recettes, blog, woocommerce Demandes d'avis et de conseils sur vos sites Mercredi à 07:25
Wordpress fonction sommaire automatique ? Rédaction web et référencement 19 Janvier 2020
rédaction article Wordpress Rédaction web et référencement 31 Décembre 2019
WordPress Quelle liste de Ping Wordpress pour 2019-2020 Crawl et indexation Google, sitemaps 21 Décembre 2019
WordPress Problème référencement depuis passage Joomla sur Wordpress Problèmes de référencement spécifiques à vos sites 19 Décembre 2019
Convertir un site htm en wordpress Développement d'un site Web ou d'une appli mobile 1 Décembre 2019
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice