Windev, OpenstreetMap et leaflet, Tracé d'itinéraire avec coordonnées GPS

**devalender** · 18/01/2022, 11h09

Bonjour à tous

Dans le cadre de mon projet géolocalisation, j'ai décider d'utiliser OpenstreetMap pour être a l'abris de tous surcoût au niveau des services proposés, Donc dans mon projet, je veux récupérer des coordonnées GPS et à partir de ces données, afficher (dessiner) le chemin définit par ces données GPS.

Dans mes recherches je suis tombé sur le dépôt ci dessous.

https://depot.pcsoft.fr/resource.awp...afletnominatim

Avec cet exemple j'arrive a afficher les points GPS, mais je n'arrive pas tracer une ligne qui relit ces points un peu comme un itinéraire qui relit ces points, je lu, réélu la documentation mais je n'arrive toujours pas à la faire.

Voici le code d'affichage de la carte au départ de l'application avec une petite modification :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
 
PROCÉDURE InitCarte(sMonTitre est une chaîne,nMapLargeur est un entier, nMapHauteur est un entier, nZoomInit est un entier,tabCurPoints est un tableau de STPosition)
sTmpHTM est une chaîne 
sTmpPoint est une chaîne
stCurPoint est une STPosition
rMoyLat est un réel
rMoyLon est un réel
nBPoint est un entier
 
// Exécutez Patch_IE avant d'appeller InitCarte pour éviter un bug IE à l'exécution de l'Exe compilé !!!
 
 
sTmpHTM=[
<html>
<head>
<title>%1</title>
 
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin="" />
<link rel="stylesheet" href="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.css" />
<link rel="stylesheet" href="https://unpkg.com/leaflet-routing-machine@latest/dist/leaflet-routing-machine.css" />
 
</head>
<body>
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin=""></script>
<script src="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.js"></script>
<script src="https://unpkg.com/leaflet-routing-machine@latest/dist/leaflet-routing-machine.js"></script>
 
<div id="mapid" style="width: %2; height: %3px;"></div>
 
<script>
var mymap = L.map('mapid').setView([%5, %6], %4);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
minZoom: 1,
maxZoom: 20
})
.addTo(mymap);
 
L.Routing.control({
routeWhileDragging: true,
geocoder: L.Control.Geocoder.nominatim(),
router: new L.Routing.osrmv1({
language: 'fr',
profile: 'satelite',
show : true,
routeWhileDragging: true
})
}).addTo(mymap);
]
 
POUR TOUT stCurPoint DE tabCurPoints
	sTmpPoint=SetPoint(stCurPoint)
	sTmpHTM=sTmpHTM+sTmpPoint
	SI stCurPoint.rLatitude<>0 ET stCurPoint.rLongitude<>0 ALORS
		rMoyLat=rMoyLat+stCurPoint.rLatitude
		rMoyLon=rMoyLon+stCurPoint.rLongitude
		nBPoint=nBPoint+1	
	FIN
FIN
 
SI nBPoint>0 ALORS
	rMoyLat=rMoyLat/nBPoint
	rMoyLon=rMoyLon/nBPoint
FIN
 
sTmpHTM=sTmpHTM+[
</script>
 
<body>
<html>
] 
RENVOYER ChaîneConstruit(sTmpHTM,sMonTitre,nMapLargeur,nMapHauteur,nZoomInit,rMoyLat,rMoyLon)

Quand je récupère les données GPS pour affichage voila ce que j'ai comme résultat j'ai un affichage de points, hors je voudrais tracer une ligne entre les points

Nom : Capture.JPG
Affichages : 2155
Taille : 78,1 Ko

Nom : Capture.JPG
Affichages : 2155
Taille : 78,1 Ko

Merci de m'aider ou de m'aiguiller pour pouvoir une ligne qui relit ces points un peu comme un itinéraire qui relit ces points.

voir l'exemple ci dessous :
Nom : Capture2.JPG
Affichages : 2103
Taille : 48,6 Ko

Nom : Capture2.JPG
Affichages : 2103
Taille : 48,6 Ko

Merci a tous

**devalender** · 18/01/2022, 11h35

En faite la vrai question est comment afficher le parcourt a partir des points GPS
Merci a tous

**jurassic pork** · 18/01/2022, 11h36

Hello,
va faire un tour ici

Ami calmant, J.P

**devalender** · 18/01/2022, 11h58

Merci pour le lien, je regarde et je vous fais un retour

**devalender** · 18/01/2022, 12h05

la je viens de regarder mais je ne vois pas comment adapter dans mon cas ?
dois je passer par dotnet webBrowser et un fichier fichier gpx ?
Je ne vois pas vraiment comment adapter, je continu de chercher.
Merci

**jurassic pork** · 18/01/2022, 17h52

Hello,

Envoyé par devalender

la je viens de regarder mais je ne vois pas comment adapter dans mon cas ?
dois je passer par dotnet webBrowser et un fichier fichier gpx ?
Je ne vois pas vraiment comment adapter, je continu de chercher.
Merci

oops

oublie mon lien, je ne crois pas que cela fonctionne encore. Pour ton problème c'est plutôt de la connaissance de leaflet et de javascript qui est nécessaire. Il faut peut être demander à l'auteur du projet dans le dépot PCSOFT.

Ami calmant, J.P

**devalender** · 18/01/2022, 18h41

Envoyé par jurassic pork

Hello,
oops

oublie mon lien, je ne crois pas que cela fonctionne encore.

OK Merci

Envoyé par jurassic pork

Pour ton problème c'est plutôt de la connaissance de leaflet et de javascript qui est nécessaire.

Effectivement, j'ai lu dans la documentation, mais je sais pas comment implémenter le tout avec Windev
(Quand je met en dur les coordonnées GPS dans le code de ma page d'accueil, le tout s'affiche correctement, mais c'est du bricolage, je vais voir du coté de javascript

Code :

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

1
2
3
4
 
waypoints:[L.latLng(5.3075158,-3.9949491),
waypoints:[L.latLng(5.4545453,-3.3324324),
],

Envoyé par jurassic pork

Il faut peut être demander à l'auteur du projet dans le dépot PCSOFT.
J'ai envoyer un mail depuis la semaine passée mais rien pas de réponse

Je vais continuer mes recherches

Merci pour votre aide

Windev, OpenstreetMap et leaflet, Tracé d'itinéraire avec coordonnées GPS [WD25]

WinDev

Vue hybride

Discussions similaires

Partager

Partager