Pregunta ¿Cómo obtener coordenadas de puntos de una forma de DrawingManager modificada? API de GoogleMaps v3


Tengo este objeto DrawingManager:

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

Y cuando se completa un polígono obtengo sus coordenadas con:

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

Pero si cambio el polígono usando DrawingManager obviamente la forma cambiará, tal vez agregando más puntos.
Entonces, ¿cómo puedo obtener todos los puntos con sus coords después de modificarlos y, por ejemplo, hacer clic en un botón para finalizar la edición? Gracias por adelantado.


5
2018-01-18 20:54


origen


Respuestas:


Ok teniendo la respuesta en mi segundo código:

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

Finalmente obtuve la última matriz con coordenadas que llaman a este código agregando un oyente para llamar a una función que obtiene la matriz:

JS

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

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

HTML

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

Luego, cuando se hace clic en el botón ahora obtengo los acordes ...

Gracias de cualquier manera


12
2018-01-18 23:19