<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<br>
<br>
Je trouve qu'avec les <b>labels des marqueurs</b> il y aurait
quelques améliorations possibles.<br>
<br>
Lorsqu'il y en a un très grand nombre et qu'on est pas à un zoom
élevé cela fait des "amas" un peu indistincts. <br>
Et si l'on zoome je trouve qu'ils ne «ressortent» pas assez par
rapport au fond.<br>
<br>
En regardant la feuille de style j'ai fait quelques essais.<br>
<br>
C'est donc dans la partie <br>
/* Tooltip */ <br>
/* Base styles for the element that has a tooltip */<br>
<br>
<u>Voici le style par défaut</u> :<br>
<br>
.leaflet-tooltip {<br>
position: absolute;<br>
padding: 6px;<br>
background-color: #fff;<br>
border: 1px solid #fff;<br>
border-radius: 3px;<br>
color: #222;<br>
<br>
[...]<br>
<br>
box-shadow: 0 1px 3px rgba(0,0,0,0.4);<br>
}<br>
<br>
<u>Voici l'amélioration suggérée du style</u> : (en <b>gras</b> ce
qui change)<br>
<br>
.leaflet-tooltip {<br>
position: absolute;<br>
padding: <b>5</b>px;<br>
background-color: #fff;<br>
border: 1px solid #<b>ccc</b>;<br>
border-radius: <b>5</b>px;<br>
color: #<b>000</b>;<br>
<br>
[...]<br>
<br>
box-shadow: 0 <b>2</b>px 3px rgba(0,0,0,0.<b>5</b>);<br>
}<br>
<br>
<u>Commentaire</u> :<br>
<br>
'Padding": moindre. 4 ou 5 suffiraient selon moi sinon les labels
sont trop larges.<br>
"Background-color": ok pour le blanc c'est mieux que le gris de
l'ancienne version. ;-)<br>
"Border": si la bordure est blanche elle ne se verra pas, #ccc ou
une autre valeur de gris pourrait convenir.<br>
"Border-radius": un peu plus élevé pour adoucir les angles des
labels.<br>
"Color": le texte s'il est en noir sera plus lisible.<br>
"Box-shadow": une ombre portée un peu plus soutenue pour faire
ressortir le label serait la bienvenue.<br>
<br>
Voir en image une comparaison "avant/après" aux zooms 18 et 19.
Cela fait une différence. <br>
<br>
Zoom 18 >>>
<a class="moz-txt-link-freetext" href="https://framapic.org/l3AZYQjpJp8E/SppWud9DKtvN.png">https://framapic.org/l3AZYQjpJp8E/SppWud9DKtvN.png</a><br>
Zoom 19 >>>
<a class="moz-txt-link-freetext" href="https://framapic.org/ZeINEx9GNW9l/0OB2ubK1DxRV.png">https://framapic.org/ZeINEx9GNW9l/0OB2ubK1DxRV.png</a><br>
<br>
Et ici avec une image assez "pleine" de marqueurs.<br>
>>> <a class="moz-txt-link-freetext" href="https://framapic.org/PIXyl2Ve7ygY/q9sexm5IdiJj.png">https://framapic.org/PIXyl2Ve7ygY/q9sexm5IdiJj.png</a><br>
<br>
<br>
<br>
</body>
</html>