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