Discussion :

[cmail]

je voudrais revenir sur OverviewMap qui est un outil très important pourvu qu'il soit bien maitrisé. Pour s'en faire une première idée, je vous enverrai sur la page d'exemple de OL http://openlayers.org/dev/examples/overviewmap.html mais dont le second exemple est incomplet...

Cet exemple met en jeu deux références OL:

1. OL2.8 http://dev.openlayers.org/releases/O...erviewMap.size
2. http://dev.openlayers.org/docs/files...iewMap-js.html

Ensuite deux exemples qui nous concerne plus particulièrement:

1. En tout bien tout honneur, celui de IGN http://atlasnw.free.fr/geoportail/api/js/1.0beta5/examples/geoportalMap_overview.html dont le mérite a été d'être le premier avec l'API IGN, mais dont le fonctionnement est pour le moins sommaire, et pas très efficace.
2. Ensuite, il y a celui de notre ami mga_geo http://atlasnw.free.fr/geoportail/exemples_beta5/over_3.html qui a l'immense mérite de nous faire avancer dans sa stylisation et l'extraction de la boite à outils.

Enfin, je vous renverrai sur un exemple d'OverviewMap que j'aimerais imiter et que j'ai découvert récemment grâce à Olivier_f http://www.goolzoom.com/ Il est sous API Google Maps (restons calme ), mais mon propos est d'analyser son mode de fonctionnement qui est remarquable en terme d'ergonomie.

Cette longue introduction pour mettre en commun nos références.
Sur la base donc de http://www.goolzoom.com/ , pourrait-on m'aider à ce que:

1. La carte dans le module OverviewMap se recharge à chaque modification du zoom de la carte générale, et cela toujours avec une échelle x fois supérieure (x était constant). Actuellement dans les deux exemples avec API IGN que je connaisse, la gestion de ces cartes du module OverviewMap est mal controlée. Souvent illisible et donc non utilisable.
2. Le cadre rouge du module OverviewMap soit à dimension fixe. Actuellement dans les deux exemples avec API IGN référencés ci-dessus ce cadre soit occupe pratiquement tout le module, soit est d'une taille ridicule qui ne permet aucune navigation correcte dans le module OverviewMap.

J'espère que vos réactions seront très constructives.

[dgrichard]

Tu demandes du poisson et non comment le pêcher

L'ensemble du comportement d'OpenLayers.Control.OverviewMap est contrôlé par les méthodes de cette classe y compris :

• les ratios (min, max) : il suffit de changer le code des méthodes idoines isSuitableOverview() et updateOverview();
• la couche affichée dans le contexte peut être toute couche exposée sur l'internet - à toi de trouver celle que tu veux !
• le rectangle rouge est piloté par un style construit via une option minRectDisplayClass (le style final aura pour nom '.olControlOverviewMap' + minRectDisplayClass, par défaut cette option vaut 'RectReplacement'). C'est une DIV comme élément HTML. A toi de mettre en place le style CSS qui te convient;
• pour la fermeture du panneau, c'est via les méthodes maximizeControl() et minimizeControl() - les styles du bouton d'ouverture/fermeture sont pilotés par les CSS '.olControlOverviewMap' + MaximizeButton ou '.olControlOverviewMap' + MinimizeButton.

La tâche reste ardue, mais pas impossible, attaque les points faciles (couche du contexte, rectangle, boutons, fini par ratio)

Une piste :

Code :

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

1
2
3
4
5
6
7
8
ov= new OpenLayers.Control.OverviewMap({
    ...
    isSuitableOverview: function() {...}, //ta surcharge
    updateOverview: function() {...},
    maximizeControl: function(e) {...},
    minimizeControl: function(e) {...},
    ...});

[cmail]

Merci pour cette belle carpe. Il va me falloir un peu de temps pour bien digérer... Je maitrise si peu ces choses... Mais tu m'as redonné de quoi méditer pour ce week end...

Cependant, un bel exemple de cette outil pour la sortie de la version 1 de l'API serait EXCELLENT et attendu par TOUS

[cmail]

Toujours au point mort du coté overviewmap...
Par exemple, même cela:

• le rectangle rouge est piloté par un style construit via une option minRectDisplayClass (le style final aura pour nom '.olControlOverviewMap' + minRectDisplayClass, par défaut cette option vaut 'RectReplacement'). C'est une DIV comme élément HTML. A toi de mettre en place le style CSS qui te convient;

En lisant précisément ce paragraphe:
Si je veux toujours un rectangle 100*50 (rien de plus simple!), dans ma feuille de style je devrais écrire

Code :

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

1
2
3
.olControlOverviewMapminRectDisplayClass (ou .olControlOverviewMapMinRectDisplayClass ???){
   height:50px !important;
    width:100px !important;   }

J'ai bien bidouillé autour de ce code, trifouillé à droite ou à gauche, cherché sur le net... Pas trouvé comment imposer un foutu cadre à overviewmap...

Et le reste est du même acabit... Mais chaque chose en son temps... Cela viendra petit à petit.

[dgrichard]

Toujours au point mort du coté overviewmap...
Par exemple, même cela:
En lisant précisément ce paragraphe:
Si je veux toujours un rectangle 100*50 (rien de plus simple!), dans ma feuille de style je devrais écrire

Code :

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

1
2
3
.olControlOverviewMapminRectDisplayClass (ou .olControlOverviewMapMinRectDisplayClass ???){
   height:50px !important;
    width:100px !important;   }

J'ai bien bidouillé autour de ce code, trifouillé à droite ou à gauche, cherché sur le net... Pas trouvé comment imposer un foutu cadre à overviewmap...

Toujours le même problème : un minimum de connaissances en JS/OpenLayers

Quand j'écris :

le style final aura pour nom '.olControlOverviewMap' + minRectDisplayClass

cela veut dire que le nom du style sera la concaténation de la chaîne de caractères '.olControlOverviewMap' avec la valeur de l'option minRectDisplayClass de la classe OpenLayers.Control.OverviewMap, qui par défaut (c'est-à-dire quand on ne lui a pas mis une valeur lors de la création du contrôle) vaut 'RectReplacement' ...

Donc, si à la création du contrôle le code ressemble à :

Code :

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

1
2
3
new OpenLayers.Control.OverviewMap({
   ...}) //plein d'options sauf minRecDisplayClass

alors le nom du style est 'olControlOverviewMapRectReplacement'

si à la création du contrôleur, l'option minRecDisplayClass est utilisée par exemple avec la valeur XXX :

Code :

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

1
2
3
4
new OpenLayers.Control.OverviewMap({
   ...   //plein d'options sauf minRecDisplayClass
   minRecDisplayClass: 'XXX'})

alors, le nom du style est 'olControlOverviewMapXXX'

Et le reste est du même acabit... Mais chaque chose en son temps... Cela viendra petit à petit.

Tu allumes des feux partout ... lit le code source des classes que tu veux surcharger/utiliser et cela t'apprendra et te fera progresser

[cmail]

Merci pour ta patience. Même si je n'arrive pas encore vraiment (loin de là!) à ce que je veux avec overviewmap, j'ai compris (j'espère!) tes remarques et je transforme ce rectangle rouge...

Et quand tu me dis:

lit le code source des classes que tu veux surcharger/utiliser et cela t'apprendra et te fera progresser

Tu me renvoies directement à OverviewMap.js de OL car je n'ai pas vu de surcharge made in Georportail...
J'ai bien OverviewMap.js (de OL) sous les yeux, mais je suis loin de pouvoir y toucher intelligemment...
Mais avant, il faudrait que j'assimile les divers paramètres (propriétés) de overviewmap http://dev.openlayers.org/docs/files...iewMap-js.html
Et franchement, ce n'est pas de la tarte!