Discussion :

[johanndebutant]

Bonjour,
J'ai créé en javascript une fonction de tracé de route avec uniquement des points GPS utilisant Googlemap. J'aimerai l'utiliser à partir de javafx notamment via un bouton géré par javafx. Est ce possible via Engine ? Pouvez vous m'aider ? ci joint le code javascript de ma fonction Googlemap permettant de tracer le trajet effectué:

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
 
function displayRoute(origin, destination) {
 
var malat = [49.846382088442,49.84557955042] ;var malong = [2.2642779350280,2.2633337974548] ;
var origin=waypts[0];
var destination=waypts[0];
alert(waypts[0]);
for(var j=0;j<coordolat.length;j++){myLatlng2.push({lat: coordolat[j], lng: coordolng[j]});}
 
var service = new google.maps.DirectionsService;
var display = new google.maps.DirectionsRenderer({
    draggable: true,
    map: map,
    panel: document.getElementById('right-panel')
  });
var waypts = [];    // je crée un tableau de coordonnees de points de passage afin de transmettre le tableau dans service route
for(var j=0;j<myLatlng2.length;j++){
        waypts.push({
            location: myLatlng2[j],
        }); 
}
 
  service.route({
    origin: waypts[0],
    destination: destination,
    waypoints: waypts,
    travelMode: 'DRIVING',
    avoidTolls: true
  }, function(response, status) {
    if (status === 'OK') {
      display.setDirections(response);
    } else {
      alert('Could not display directions due to: ' + status);
    }
  });

En attente de vos réponses.
Bien Cdt

[johanndebutant]

J arrive par le WebEngine à entrer dans ma fonction javascript mais le tableau de variable qui était dans ma page html a perdu toute ses valeurs entre temps. Pour éviter ce problème , j ai chargé ses valeurs dans une arrayList et je vais devoir réenvoyer à ma fonction ce tableau au format String et c'est la que ça pose probleme : J'arrive à envoyer une valeur mais pas un tableau de valeurs. Est ce possible de faire cela avec le webengine vers une fonction javascript ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
btn1.setOnAction(actionEvent -> {  			
				latitrajet = new String[mespoints.size()];// mon arrayList
 
				for(int i = 0; i < mespoints.size(); i++)
			    {
					latitrajet[i]= mespoints.get(i).getLatitude();
					System.out.println("La latitude du point "+ i +" est : "+latitrajet[i]);
			    }  
 
				//String aenvoyer= "49.8465";
                webview.getEngine().executeScript("Aurevoir("+latitrajet+");");        
        });

et une petite fonction javascript pour essayer qui ne marche pas au format tableau!!!

Code :

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

1
2
3
4
5
6
7
8
9
10
function Aurevoir(malatitude) {
	var lat=[];
	for (var i=0;i<malatitude.length; i++){
		 lat[i] = malatitude[i].valueof();
		var marker = new google.maps.Marker({
		    position: {lat: lat[i], lng: 2.2633337974548},
		    map: map
		  });
	}
	}

En attente de vos réponses

[bouye]

Ce n'est pas tout a fait comme ça que tu dois procéder je pense. En exhumant du code d'y a deux ans qui utilisait une lib pour afficher du KML par dessus Google map, je créais un tableau de pts de la manière suivante:

Code :

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

1
2
3
4
5
6
final String pointsStr = points.stream()
    .map(point -> String.format("new google.maps.LatLng(%s, %s)", NUMBER_FORMAT.format(point.getY()), NUMBER_FORMAT.format(point.getX()))) // NOI18N. 
    .collect(Collectors.joining(", ")); // NOI18N. 
// Ce qui forme une chaîne de style "new google.maps.LatLng(lat1, lon1), new google.maps.LatLng(lat2, lon2), new google.maps.LatLng(lat3, lon3)"
final String command = String.format("document.zoomToBounds([%s])", pointsStr); // NOI18N.   
// Ce qui permet de faire une commande sous la forme "document.zoomToBounds([new google.maps.LatLng(lat1, lon1), new google.maps.LatLng(lat2, lon2), new google.maps.LatLng(lat3, lon3)])"

Donc on a fait un tableau JavaScript directement dans la chaine de texte plutôt qu'un tableau Java dans le code.

Note : utiliser .collect(Collectors.joining("[", ", ", "]")); // NOI18N. pour directement créer une chaîne définissant le tableau.

[johanndebutant]

Bonjour Monsieur Bouye,
Merci beaucoup pour votre aide . Concatener un trajet au format String marche très bien.