JeuWeb - Crée ton jeu par navigateur
Fonction distance (MAPS) chez Leaflet - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : Fonction distance (MAPS) chez Leaflet (/showthread.php?tid=5201)



Fonction distance (MAPS) chez Leaflet - xanthius - 05-06-2018

Bonjour,
depuis l'annonce de l'arrêt de la version gratuite de MAPS, j'ai entrepris de quitter Google pour aller voir ailleurs, du moins c'est l'objectif. Objectif qui pour l'instant semble assez compromis ..
Bref,
sur Air Carrier, je permets aux joueurs de voir où se trouve à un instant T leurs appareils.
Pour ce faire j'utilise une fonction de l'API MAPS à savoir google.maps.geometry.spherical.interpolate().
Cette dernière calcule les coordonnées GPS d'un point placé sur un tracé et situé à une distance fractionnaire.

En soit,
actuellement le code se présente comme tel :
Code :
var distanceFractionnaire = flights[i][5];
var pointDepart = new google.maps.LatLng(flights[i][1], flights[i][2]);
var pointArrivee = new google.maps.LatLng(flights[i][3], flights[i][4]);
var pointIntermediaire = google.maps.geometry.spherical.interpolate(pointDepart, pointArrivee, distanceFractionnaire);
traceReseau = new google.maps.Polyline({path: [pointDepart, pointArrivee],strokeOpacity: 0, icons: [{icon: lineSymbol, offset: '0', repeat: '20px'}], map: map, geodesic:true });
line = new google.maps.Polyline({map:map,path:[pointDepart, pointIntermediaire],strokeColor:"GOLD",strokeWeight: 4, geodesic:true});
Je présente d'une la ligne et je superpose par la suite le vol là où il se trouve à l'instant T.
Ce qui donne
[Image: 180605045940571943.png]
Distance fractionnaire va de 0 à 1
Or je ne trouve pas ce genre de fonction chez Leaflet.. Quelqu'un pourrait m'aider ?

Edit !
J'ai fini par trouver, du moins pour l'instant j'ai bien ma position intermédiaire !
pour ceux voulant quitter le navire Maps, voici le lien GitHub : https://github.com/henrythasler/Leaflet.Geodesic


RE: Fonction distance (MAPS) chez Leaflet - niahoo - 06-06-2018

Nickel cette librairie !


RE: Fonction distance (MAPS) chez Leaflet - xanthius - 06-06-2018

Bonsoir,
oui elle est top ! Le seul souci que j'ai rencontré actuellement, concerne l'affiche des markers et autres objets sur la map. Je m'explique.
Si vous placez un marker sur Paris, que vous dezoomé à fond vous verrez toutes les cartes mais à la différence de Maps où toutes les cartes sont uniformes, ce n'est pas le cas chez leaflet.. Je pense que personne ne m'a suivi ..
Ok, petit screen !
[Image: 180606110859826369.png]

[Image: 180606111157772228.png]

Après le dernier problème concerne les tracés. Par exemple entre Los Angeles et le Japon, le tracé se perd.
Bon il y a des pirouettes à faire (https://github.com/Leaflet/Leaflet/issues/1945) mais rien de comparable à Maps

A part ces deux petits points qui sont très marginaux voir pour le premier un peu tiré par les cheveux, c'est une très bonne alternative !

J'en profite,
certains d'entre vous ont reçu le petit mail ?