JavaScript dans appli Delphi

Version imprimable

Bonjour,

J'utilise un script JavaScript pour afficher des points reliés par des lignes sur une carte du monde dans une application Delphi
.
Ce script fonctionne bien, mais je souhaiterais le modifier pour ajouter des InfoWindow affichant le nom de ces points sur chacun d'entre eux.
Voici le script:

Code:

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
73
74
75
76
77
78
79
80
81
82
83
84
'<html> '+
'<head> '+
'<meta name="viewport" content="initial-scale=1.0, user-scalable=yes"/> '+
'<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true&v=3.22"></script> '+   //24/08/2016 (...&V=3.22 au lieu de V=3...)
'<script type="text/javascript"> '+
'  var map;'+
'  var polyline = [];'+
'  var markersArray = [];'+
'  var Circle = { '+
'  path: google.maps.SymbolPath.CIRCLE ,'+
'  fillColor: "Red",'+
'  fillOpacity: 1.0,'+
'  scale: 3,'+
'  strokeColor:"Black",'+
'  strokeWeight: 1 '+
'};'+
''+
''+
'  function initialize() {'+
'  var myLatLng = new google.maps.LatLng(48.0,2.0);'+
'  var mapOptions = {'+
'    zoom: 5,'+
'    center: myLatLng,'+
'    mapTypeId: google.maps.MapTypeId.TERRAIN'+
'  };'+
'  map = new google.maps.Map(document.getElementById("map_canvas"),'+
'    mapOptions);'+
'}'+
''+
' function DrawTrack(FromLat,FromLng,ToLat,ToLng){'+
' var geo_path = new Array();'+
'   var geo_path = [new google.maps.LatLng(FromLat,FromLng),'+
'                     new google.maps.LatLng(ToLat,ToLng)];'+
' var Track = new google.maps.Polyline({'+
'   path: geo_path,'+
'   strokeColor: "#FF0000",'+
'   strokeOpacity: 1.0,'+
'   strokeWeight: 2'+
' });'+
''+
' polyline.push(Track);'+
' Track.setMap(map);'+
' }'+
''+
''+
' function RemoveTrack(){' +
'  if (polyline){' +
'    for(i in polyline){' +
'      polyline[i].setMap(null);' +
'    }' +
'     polyline.length =0;' +
'   }' +
'}' +
''+
' function ClearMarkers() {  '+
'  if (markersArray) {        '+
'    for (i in markersArray) {  '+
'      markersArray[i].setMap(null); '+
'    } '+
'  } '+
' Bounds = new google.maps.LatLngBounds();'+
'}  '+
''+
' var Bounds = new google.maps.LatLngBounds(); '+
' function PutMarker(Lat, Lang, Msg) { '+
'   var latlng = new google.maps.LatLng(Lat,Lang);'+
'   var marker = new google.maps.Marker({'+
'      position: latlng,'+
'      icon: Circle,'+
'      map: map,'+
'      title: Msg'+
'   });'+
''+
' Bounds.extend(latlng);'+
' map.fitBounds(Bounds);'+
'}'+
''+
''+
''+'</script> '+
'</head> '+
'<body onload="initialize()"> '+
'  <div id="map_canvas" style="width:100%; height:100%"></div> '+
'</body> '+
'</html> ';

Merci de votre aide.

Le script ci-dessus affiche une label sur chaque point lorsqu'il est cliqué. serait-il possible d'avoir ces labels affichés dès le chargement et pour tous les points. Ceci éviterait les infowindows.
Qu'en pensez vous?

Cordialement
Pierre

13/10/2016, 15h56
Pierre95

Personne n'aurait une idée pour afficher les label de tous les points en permanence?

Cordialement
Pierre
15/10/2016, 08h58
NoSmoking

Bonjour,

Citation:

Le script ci-dessus affiche une label sur chaque point lorsqu'il est cliqué.

pas vu de trace dans ton code à ce sujet.
Nota : il aurait été plus sympa de nous mettre le code Généré pour éviter de s'arracher les yeux ;)

Citation:

...afficher les label de tous les points en permanence?

cela ne risque t-il pas de faire un peu fouillis suivant le nombre de points et leur inter-distance ?
15/10/2016, 09h24
Pierre95

Bonjour,

Merci pour cette réponse.

Citation:

Le script ci-dessus affiche une label sur chaque point lorsqu'il est cliqué.

Désolé, Je me suis mal exprimé dans mon premier post. En fait le label s'affiche lorsque la souris passe sur le point.

Citation:

Nota : il aurait été plus sympa de nous mettre le code Généré pour éviter de s'arracher les yeux

Ce script est inclus dans dans une application Delphi. je n'ai pas de code généré...

Citation:

cela ne risque t-il pas de faire un peu fouillis suivant le nombre de points et leur inter-distance ?

Peut-être en effet dans certains cas, mais j'aimerais tester cette possibilité.

Merci de votre aide

Cordialement
Pierre
16/10/2016, 16h09
NoSmoking

Citation:

...je n'ai pas de code généré.

il suffit de regarder le code de la page dans le navigateur.

Pour le reste : tu peux toujours regarder du coté des infoWindow ou autre RichMarker.
21/10/2016, 09h32
Pierre95

Merci,

Nul en Java, j'ai recopié le code du script et le code du navigateur est pour moi incompréhensible.

Voudriez vous m'aider?

Cordialement
Pierre
21/10/2016, 10h19
eleydet
Bonjour,

Vous avez écrit :

Citation:

Nul en Java, j'ai recopié le code du script et le code du navigateur est pour moi incompréhensible.

Ayant un accès au code via le navigateur (en appuyant simultanément sur les touches CTRL et U du clavier, si votre navigateur est FireFox), il vous suffit de faire un copier-coller?

Après, il vous faut comprendre le code que vous écrivez, vous documenter sur l'objet google.maps créé par google... A défaut, le code ci-dessous, à adapter, devrait fonctionner.
Code:

1 2 3 4 var graphe = document.getElementById('map_canvas').getContext('2d'); graphe.font="11pt Calibri,Geneva,Arial"; graphe.fillStyle="red"; graphe.fillText("Bonjour",30, 20);
25/10/2016, 12h20
Pierre95

Merci beaucoup.

Cordialement
Pierre
27/10/2016, 16h31
NoSmoking

:koi:
j'ai du mal a saisir comment avec, code d'origine

Code:

<div id="map_canvas" style="width:100%; height:100%"></div>

cela peut fonctionner en utilisant

Code:

var graphe = document.getElementById('map_canvas').getContext('2d');

...mais bon si cela convient \:D/