Saltar a contenido

drawPolygon 🆕

Permite dibujar un polígono en el mapa, usando polilíneas:

Nota:

Este método, sólo se encuentra disponible en la version 3.0.b. ó superior.

Lista de Parámetros:

  • paths: Array default: []
  • options: un objeto con opciones adicionales (este campo no es requerido).
    • strokeColor: string default: null
    • strokeOpacity: integer default: null
    • strokeWeight: integer default: null
    • fillColor: string default: null
    • fillOpacity: float default: null
    • toRemove: string default: null

Definición:

1
fn.drawPolygon = function(paths, options) {};

Ejemplos:

  • Con las opciones por defecto:
1
2
3
var paths=[[-.10106027126312256,51.49660768717089],[-.10135263204574585,51.49625868955697],[-.1007947325706482,51.495752721763886],[-.10040313005447388,51.49601155087454],[-.10031193494796753,51.495993182405485],[-.1001080870628357,51.496305445373196],[-.10021001100540161,51.49633884235538],[-.10018318891525267,51.49638726793613],[-.10106027126312256,51.49660768717089]];

Anuket.drawPolygon(paths);
  • Definiendo opciones:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
var options = {
  strokeColor: '#0E51DC',
  strokeOpacity: 1,
  strokeWeight: 2,
  fillColor: '#0E51DC',
  fillOpacity: 0.2,
  toRemove: 'all',
};

Anuket.drawPolygon(paths, options);

Consideraciones:

  • La opción strokeColor permite cambiar el color de contorno, del polígono, en formato hexadecimal.

  • La opción strokeOpacity permite cambiar la opacidad del color de contorno, del polígono.

  • La opción strokeWeight permite cambiar el ancho de la línea de contorno, en píxeles.

  • La opción fillColor permite cambiar el color de relleno del polígono, en formato hexadecimal.

  • La opción fillOpacity permite cambiar la opacidad del color de relleno, del polígono, en valores de 0.0 a 1.0.

  • La opción toRemove acepta: all, polygons ó polylines. Dependiendo la opción escogida, el método drawPolygon ejecutará las siguientes acciones:

    • all: Limpiará el mapa.
    • polygons: Borrará todos los polígonos existentes.
    • polylines: Borrará todas las polilíneas existentes.

    antes de dibujar el nuevo polígono.

Nota:

Recomendamos leer el apartado de polígonos en Google Maps y la Api asociada para más información.