2013-01-18 4 views
5

Ich habe dieses DrawingManager Objekt:Wie erhält man Punktkoordinaten einer modifizierten drawingManager Form? Googlemaps API v3

drawingManager = new google.maps.drawing.DrawingManager({ 
     drawingMode: google.maps.drawing.OverlayType.POLYGON, 
     markerOptions: { 
     draggable: true 
     }, 
     polylineOptions: { 
     editable: true 
     }, 
     polygonOptions: polyOptions, 
     map: map 
    }); 

Und wenn ein Polygon abgeschlossen ist ich ihre coords mit:

google.maps.event.addListener(drawingManager, 'polygoncomplete', function (polygon) { 
     var coordinates = (polygon.getPath().getArray()); 
     console.log(coordinates); 
     }); 

Aber wenn ich das Polygon mit DrawingManager ändern offensichtlich die Form ändert , vielleicht weitere Punkte hinzufügen ..
Dann Wie kann ich alle Punkte mit ihren Koordinaten nach ändern und zum Beispiel klicken Sie auf eine Schaltfläche, um die Ausgabe zu beenden? Danke im Voraus.

+0

Nun, natürlich muss ich die Form Ausgabe einen Knopf zum Finish implementieren, wenn ich es klicken werde ich sollte die Daten erhalten. .. – chespinoza

Antwort

12

Ok, die Antwort auf meine zweite Code:

var coordinates = (polygon.getPath().getArray()); 

Endlich habe ich das letzte Array mit den Koordinaten diesen Code aufrufen, indem ein Zuhörer das Hinzufügen einer Funktion aufzurufen, die das Array erhalten:

JS

function getCoordinates() { 
    console.log(polygon.getPath().getArray()); 
} 

google.maps.event.addDomListener(document.getElementById('CoordsButton'), 'click', getCoordinates); 

HTML

<button id="CoordsButton">Coordinates</button> 

Dann, wenn die Schaltfläche geklickt wird nun bekomme ich die coords ...

Danke trotzdem

+0

Wenn ich das jetzt versuche, wäre das Array des realen Koordinatenfeldes unter 'Koordinaten [0] .j'. – ProblemsOfSumit

Verwandte Themen