Discussion :

[DeadlyLullaby]

Bonjour, j'utilise l'API Google Maps pour définir des zones sur une carte. J'ai les coordonnées des points en base de données que je récupère dans un tableau via Ajax. Le problème c'est que l'API demande un objet de la forme :

Code :

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

var myHome = { "lat" : "44.767778" , "long" : "-93.2775" };

Il faudrait donc que je puisse ajouter { "lat" : et "long" : ... }; autour de chaque coordonnée contenue dans mon tableau.

Une idée ?

[kolodz]

En suivant la FAQ :

Code :

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

1
2
3
var maLat = "33";
var maLong = "66";
var maHome={"lat":maLat, "long":maLong};

Cordialement,
Patrick Kolodziejczyk.

[NoSmoking]

Bonjour,

J'ai les coordonnées des points en base de données que je récupère dans un tableau via Ajax.

pourquoi ne pas retourner les données au bon format dans ce cas ?

[DeadlyLullaby]

J'ai finalement trouvé la solution en passant par un autre type d'objet de l'API :

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
  var locZone = ""; //Stocke les données de la bdd
  var points = {}; //Stocke les données sous forme d'objet
  var coords = []; //Tableau des coordonnées de la zone
  $.get(
    "getZones.php", //Récupération des coordonnées de la zone en BDD
    function(data) {
      locZone = data;
      var reg=new RegExp("[/]+", "g"); //Séparation des différents points
      var tableau=locZone.split(reg);
      for (var i=0; i<tableau.length; i++) { //Parcours des différents points
          var b=tableau[i].split(","); //Séparation latitude longitude
          points=new google.maps.LatLng(parseFloat(b[0]), parseFloat(b[1])); //Conversion des données
          coords.push(points); //Remplissage du tableau de coordonnées avec les objets LatLng
        }
      var zone = new google.maps.Polygon({
        paths: coords,
        strokeColor: '#FF0000',
        strokeOpacity: 0.8,
        strokeWeight: 3,
        fillColor: '#FF0000',
        fillOpacity: 0.35
      });
      zone.setMap(map);
    }
  );