JavaScript dans appli Delphi

**Pierre95** · 05/10/2016, 10h07

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 :

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
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

**Pierre95** · 13/10/2016, 15h56

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

Cordialement
Pierre

**NoSmoking** · 15/10/2016, 08h58

Bonjour,

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

...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 ?

**Pierre95** · 15/10/2016, 09h24

Bonjour,

Merci pour cette réponse.

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.

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é...

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

**NoSmoking** · 16/10/2016, 16h09

...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.

**Pierre95** · 21/10/2016, 09h32

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

**eleydet** · 21/10/2016, 10h19

Bonjour,

Vous avez écrit :

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 :

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

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);

**Pierre95** · 25/10/2016, 12h20

Merci beaucoup.

Cordialement
Pierre

**NoSmoking** · 27/10/2016, 16h31

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

Code html :

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

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

cela peut fonctionner en utilisant

Code :

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

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

...mais bon si cela convient \

/

JavaScript dans appli Delphi

JavaScript

Discussions similaires

Partager

Partager