PC SOFT

FORUMS PROFESSIONNELS
WINDEVWEBDEV et WINDEV Mobile

Accueil → WEBDEV 2025 → MAJ champ html avec leaflet
MAJ champ html avec leaflet
Débuté par HLM, 04 juin 2022 11:37 - 1 réponse
Membre enregistré
149 messages
Posté le 04 juin 2022 - 11:37
Bonjour,

Voici ma problematique.

J'ai un champ HTML dans lequel je fais apparaitre une carte openstreetmap avec leaflet. Jusqu'a la, aucun probleme.

Mais je veux mettre a jour cette carte, et uniquement la carte HTML, pas tout la page, par exemple en cliquant sur un bouton paris et un marseille.

Et c'est la mon probleme. Je n'arrive pas a trouver comment faire pour ne rafrachir que ce champs HTML.

J'ai essayé avec un timer, mais ca ne fonctionne pas avec leaflet.

Qui aurait une solution ?

J'ai essayé une iframe, pas mieux.
Membre enregistré
149 messages
Posté le 05 juin 2022 - 08:32
J'ai compris, et vais indiquer pourquoi ca ne machait pas.
En fait, le rafrachissement du champ seul fonctionne, meme sans timer.
C'etait a cause de leaflet que ca ne marchait pas.

J'utilse j'exemple leaflet21 du depot, qui est un affichage de carte en java permettant l'interaction avec les controles de la carte.

A la 1ere initialisation, il faut faire
var mymap = L.map(IDCarte).setView([44.24711759231, 4.069790569231], 8);

Mais apres, si on veut refaire la carte, il indique "map container already exist", parce que le html connais deja mymap.

La solution est de faire une variable globale mymap est un entie et de retirer le var das la procedure java
mymap = L.map(IDCarte).setView([44.24711759231, 4.069790569231], 8);

De cette maniere, on peut meme ajouter des marqueurs a la volée, sans rafrachissement de la carte :
L.marker([40,4 ]).addTo(mymap);