Discussion MediaWiki:Gadget-osm.js

@verdy_p replace with Utilisateur:PiRSquared17/osm.js to fix attribution. PiRSquared17 (discuter) 20 décembre 2014 à 19:11 (CET)

@PiRSquared17 Désolé cela n'est pas suffisant d'ajouter juste le logo (je ne vois pas ce que tu as changé en plus, et le logo n'est pas visible non plus) !

Le logo n'est d'ailleurs pas obligatoire, ce qui est obligatoire c'est la mention de copyright avec un lien vers la page complète des droits d'auteurs et la licence.

Comme sur les cartes affichées sur OpenStreetMap.org ou OpenStreetMap.fr ou Mapquest. Le site OSM explique tout ça.

Le lien est préférablement sur la carte (le plus souvent dans le coin inférieur droit) mais pour cette slippy map la grand zone blanche en haut du panneau permettant de le déplacer peut servir si on ne veut pas encombrer la carte. Le lien et la mention doivent être clairement et immédiatemrent visible. Verdy p (discuter) 20 décembre 2014 à 19:21 (CET)

Note aussi que l'attribution dépend du fond de carte sélectionné; comme cette sélection (par le "+" bleu) se fait dans l'IFRAME hébergé sur Tool Labs, c'est sur Tool Labs qu'il faut changer le code activant les 5 fonds différents proposés. Et on ne doit pas avoir besoin de cliquer le "+" non plus pour voir cette attribution (ce n'est pas assez clair et pas accessible immédiatement). Verdy p (discuter) 20 décembre 2014 à 19:28 (CET)

Your code is not correct as the iframe is still not properly sized. Encapsulate the IFRAME in an absolute div fixing the dimensions relative to the bottom of the container, then size the IFRAME to 100% and it works (also remove its own borders which are 2px gray for me). The following works:

<div style="position:absolute;top:50px;width:100%;bottom:0">
  <iframe style="position:absolute;top:0;left:0;width:100%;height:100%;border:none;padding:0"
  src="//tools.wmflabs.org/wiwosm/osm-on-ol/kml-on-ol.php?lang=fr&amp;uselang=fr&amp;params=43.604482_N_1.443962_E_type:city_region:fr&amp;title=Toulouse"
  kwframeid="1"></iframe>
</div>

but not:

  <iframe  style="position:absolute;top:50px;bottom:0;left:0;right:0;border:none;padding:0"
  src="//tools.wmflabs.org/wiwosm/osm-on-ol/kml-on-ol.php?lang=fr&amp;uselang=fr&amp;params=43.604482_N_1.443962_E_type:city_region:fr&amp;title=Toulouse"
  kwframeid="1"></iframe>

because an IFRAME does NOT honor the "bottom:0" and "right:0" attributes, it absolutely wants a "width:" and "height:", relative to its absolute sizing/positioning parent (otherwise it uses default width/height about 350x150px, variable across browsers).

If you still want a visible border and/or padding for the IFRAME, you won't be able to use "100%" sizes (or otherwise you'll need to play with HTML5/CSS3 "box-sizing" which does not work in lot of browers. For that, you have to use an additional div container. Verdy p (discuter) 20 décembre 2014 à 20:57 (CET)

In fact I suggest you also reduce the excessive height of the top white area of the draggable panel (and the top positioning of the absolute DIV containing the IFRAME), from "50px" to just "1.5em" For that, the white area should be:

<div style="position:relative;top:0px;width:100%;height:1.5em;"><a href="#" title="Masquer la carte" style="float:right;line-height:1.5;padding-right:0.25em">Masquer</a></div>

Verdy p (discuter) 20 décembre 2014 à 21:20 (CET)