Discussion :

[La bouée]

Bonjour,

Tout d'abord, je suis désolé, je ne m'y connaîs que peu en javascript, du coup je galère un peu à essayer de dépatouiller mon truc.
Même si je pense savoir où va se situer mon ajout/ma modification, j'ai du mal à savoir comment je peux le faire.

Je cherche à ajouter, sur une carte google intégrée à une page .html, des marques personnalisées, dont j'ai les coordonnées géographiques (latitude/longitude).
L'objet que je cherche à modifier est tiré du github suivant:

https://github.com/mak08/VRDashboard/issues

Sur l'onglet map de la page dashboard.html doivent apparaître deux types d'objets:
- Des coordonnées récupérées en automatique (qui sont déjà codés/ qui apparaîssent bien/ qui fonctionnent);
- Des coordonnées personnalisées: ça, c'est le point que je souhaite résoudre.

Je souhaite, et j'imagine que cela se passera dans l'objet dashboard.js de ce que vous trouverez sur le github un peu plus haut, ajouter un certain nombre de points dont j'ai les coordonnées complètes.
Je suis à peu près certain que cela se passe donc dans le fichier dashboard.js, sachant que les coordonnées récupérées en automatique le sont justement grâce à ce qui est inclus dans le code de ce fichier .js.

Je me heurte à deux écueils:
- Où le placer dans le code?
- Une fois l'endroit trouvé, comment le faire?
J'ai trouvé, en fouinant un peu, des lignes de codes qui permettent de centrer, par exemple, la carte sur un point donné .
Mais pas l'affichage de plusieurs points... Du coup je suis un peu paumé.
J'ai essayé aussi de regarder ce que la fonction Geocoder permet mais bon, sans succès?


Si possible de me donner quelques indications?

Merci beaucoup!

C.

[ProgElecT]

Salut

Je ne programme plus avec l'api Google Maps, mais je procédai de cette façon, en espérant que cela te donnera une piste

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
}//*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*
function CentrerMarqueur() {
	if (document.getElementById("adrss1").innerHTML == ""){ return;}
	if (document.getElementById("adrss2").innerHTML == ""){ return;}
 
	// ********* les 3 lignes suivante permettent de centrer mais pas d'adapter le zoom **********
	//let CentreLat = String((Number(document.getElementById("lat1").innerHTML) + Number(document.getElementById("lat2").innerHTML)) / 2);
	//let CentreLng = String((Number(document.getElementById("lon1").innerHTML) + Number(document.getElementById("lon2").innerHTML)) / 2);
	//Carte.setCenter(new google.maps.LatLng(CentreLat,CentreLng));
	//let km = document.getElementById("egal2d").innerHTML;
	//console.log("Distance directe=" + km);
 
	//Marker1 et Marker2
	// ******** centrage et adaptation du zoom pour rendre visibles les marqueurs **********
	let RectangleMarkers = new google.maps.LatLngBounds();
	RectangleMarkers.extend( Marker1.getPosition() );
	RectangleMarkers.extend( Marker2.getPosition() );
	Carte.fitBounds( RectangleMarkers );
 
}//*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*

cet extrait de code tu peux le retrouver dans une de mes applications Cartographie élévation et distance à vol d'oiseau avec GoogleMap plus particulièrement dans le fichier MapGoogle.js

A savoir que tu peux ajouter autant de RectangleMarkers.extend() positions que tu veux.