Discussion :

[saxrub]

Bonjour à tous

Je suis confronté au problème suivant :

J'affiche une page https://www.wnat.fr/ANDROID_CARTE_IG...=15&MOBILE=OUI dans un champ HTML d'une application mobile.

Si je dimensionne la hauteur de la map à la hauteur de l'espace d'affichage du mobile, sur certains mobiles ayant de petits écrans, quand on ouvre le layerswitcher, le bouton de fermeture de celui-ci passe derrière le logo Leaflet-Ign, ce qui rend sa fermeture impossible et l'affichage de la page logo qui "casse tout".

Dans l'attente d'une solution, j'ai augmenté la hauteur de la div map afin que la logo soit affiché plus bas, mais l'affichage de la position courante n'est plus centrée dans l'espace visible de la carte.

Questions : y a-t-il moyen à masquer le logo ? Si ce n'est pas possible, y a-t-il moyen pour diminuer la hauteur du layerswitcher ?

Des avis éclairés ?

Pascal

[saxrub]

il faut utiliser attributionControl: false

Code js :

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

1
2
3
4
5
6
map = L.map("DivMap", {
		zoomSnap: 0.10,
		zoomDelta: 0.20,
		zoomControl: false,
		attributionControl: false
	}).setView([<?php echo $_REQUEST["LATITUDE"]?>, <?php echo $_REQUEST["LONGITUDE"]?>], <?php echo $ZOOM?>);