Notice pour certains exemples de la V1.3.0

**Zébulon-21** · 15/04/2012, 12h53

Habituellement, j'arrive à exploiter les exemple IGN après quelques adaptations de base :

1) Ajuster les liens (fichiers GPX, KML, originators...),
2) Modifier la clé API
3) Supprimer le superflu (traductions, console d'erreurs).

Avec la version 1.3, certains exemples (bien qu'ils soient de mieux en mieux commentés

) ne sont plus exploitables tel quel :

Cas "geoportalMap_selectMultiLayers.html",
Cas "Affichage d'un GPX"

Vu mes connaissances très limitées du sujet, j'avoue ne pas comprendre ce qui pose problème dans ce code

Code :

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

1
2
3
4
5
function loadAPI() {
    // on attend que les classes soient chargées
    if (checkApiLoading('loadAPI();',['OpenLayers','Geoportal','Geoportal.Viewer','Geoportal.Viewer.Default'])===false) {
        return;
    }

**mga_geo** · 15/04/2012, 13h09

Et un lien vers tes pages d'essai est disponible ?

**Zébulon-21** · 15/04/2012, 13h16

Hum hum : il y a 2 liens dans mon message (attention à l'abus d'apéro).

**mga_geo** · 15/04/2012, 13h28

L'abus de pluies froides ralentit aussi le cerveau !
Dans les exemples de l'API, comme http://api.ign.fr/geoportail/api/doc...alMap_gpx.html, ils utilisent une bibliothèque "js/utils.js".
Cette bibliothèque comporte la fonction "checkApiLoading"

Moi, j'aime bien les exemples avec tout dans la même page, c'est tout de même plus simple pour la compréhension.

**Zébulon-21** · 15/04/2012, 13h44

Bon, c'est là qu'on voit qu'il y a un monde entre nous

J'ignore l'utilité de cette "bibliothèque" mais j'ai quand même cru comprendre qu'il fallait ajouter un liens vers elle :

Code :

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

1
2
<script type="text/javascript" src="http://api.ign.fr/geoportail/api/js/utils.js"></script>
<script type="text/javascript" src="js/utils.js"></script>

Toujours pas ça

Faudrait-il pas ajouter ce fichier "utils.js" sur le site ?

**Zébulon-21** · 15/04/2012, 13h56

Envoyé par mga_geo

Moi, j'aime bien les exemples avec tout dans la même page, c'est tout de même plus simple pour la compréhension.

Tout à fait d'accord !

Pour le lien, en fait c'est ça :

Code :

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

<script type="text/javascript" src="http://api.ign.fr/geoportail/api/doc/examples/js/utils.js"></script>

La source se situe dans le répertoire d'exemples... donc à durée de vie courte...

Tu gères ça comment, toi le pro ?

**cmail** · 15/04/2012, 14h52

Ce n'est pas le pro qui te réponds. Hélas pour toi!

donc à durée de vie courte...(Cela n'est vraiment pas sur, mais bon!)

Tu gères ça comment, toi le pro

Pour t'assurer tes arrières (à moins qu'il y ait mention d'adresses relatives dans utils.js), je télécharge ce fichier sur http://api.ign.fr/geoportail/api/doc/examples/js/ puis je le sauvegarde chez mon hébergeur.
Après je mets à jour mon lien dans mon <head> de ma page d'essai du genre

Code :

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

<script type="text/javascript" src="http://monHebergeur/js/utils.js"></script>

Non?

**Zébulon-21** · 15/04/2012, 16h00

Envoyé par cmail

Ce n'est pas le pro qui te réponds. Hélas pour toi!

Si, si, tu fais parfaitement l'affaire (mga_geo a dû se coucher, avec mes questions...

).

Envoyé par cmail

Pour t'assurer tes arrières (à moins qu'il y ait mention d'adresses relatives dans utils.js), je télécharge ce fichier sur http://api.ign.fr/geoportail/api/doc/examples/js/ puis je le sauvegarde chez mon hébergeur.
Après je mets à jour mon lien dans mon <head> de ma page d'essai

OK, je fais ça, en te remerciant de m'avoir signalé que le lien est à mettre dans le <head> (il était avant le </body>).

**cmail** · 15/04/2012, 16h34

OK, je fais ça, en te remerciant de m'avoir signalé que le lien est à mettre dans le <head> (il était avant le </body>).

Je crois que j'ai écrit sans réfléchir avec de vieux réflexe!!!! Avec l'API 1.3, il est mieux de le placer avant le </body>.

**Zébulon-21** · 15/04/2012, 17h02

Envoyé par cmail

Je crois que j'ai écrit sans réfléchir avec de vieux réflexe!!!! Avec l'API 1.3, il est mieux de le placer avant le </body>.

Bon, retour en arrière - juste une dz de pages - mais on apprécie bien quand même tes contributions

**dgrichard** · 15/04/2012, 19h22

C'est pas l'API 1.3 qui force à mettre dans le fin fond du BODY (ça fait ... non, je ne compte plus le nombre de fois où je l'ai écrit sur le forum)

L'explication en anglais se trouve là. Voici ma traduction en français :

Code :

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

1
2
3
4
5
6
7
8
9
10
Scripts - Mettre en fin du BODY

étiquette : javascript

Le problème provoqué par les scripts est qu'ils bloquent des téléchargements parallèles. La spécification HTTP/1.1 suggère que les navigateurs téléchargent pas plus de deux composantes en parallèle par serveur (domaine). Si vous servez vos images de domaines multiples, vous pouvez recevoir plus de deux téléchargements en parallèle. Pendant qu'un script télécharge, pourtant, le navigateur ne commencera aucun autre téléchargement, même sur différents domaines. 
Dans quelques situations il n'est pas facile de déplacer des scripts en bas du BODY. Si, par exemple, le script utilise document.write pour insérer la partie du contenu de la page, il ne peut pas être déplacé plus bas dans la page. Il pourrait aussi y avoir des problèmes de portée de variables. Dans beaucoup de cas, il y a des contournements à ces situations.
Une suggestion alternative qui est souvent mis en avant est d'utiliser des scripts différés. L'attribut DIFFER indique que le script ne contient pas document.write et constitue ainsi une indication aux navigateurs qu'ils peuvent continuer à télécharger. Malheureusement, Firefox ne supporte pas l'attribut DIFFER. Dans l'Explorateur Internet, le script peut être différé, mais pas autant que souhaité.

Si un script peut être différé, il peut aussi être déplacé au fond de la page. Cela fera vos pages Web charger plus vite.

**mga_geo** · 15/04/2012, 19h43

Pour mes exemples, je copie le code provenant des autres fichiers dans ma page html.

Je fais de même pour mes pages "association" qui ont une durée de vie longue.

Pour les pages à durée de vie courte, j'ai 2 fichiers javascripts qui contiennent toutes mes fonctions (bibliothèque).

Mais ceci n'est qu'un mode de fonctionnement, en pro, je tourne avec un système de gestion de versions et tout l'environnement qui va bien ...

Notice pour certains exemples de la V1.3.0

IGN API Géoportail

Discussions similaires

Partager

Partager