Saltar a contenido

drawPolyline 🆕

Permite dibujar un polilínea en el mapa:

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
    • toRemove: string default: null

Definición:

1
fn.drawPolyline = 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.drawPolyline(paths);
  • Definiendo opciones:
1
2
3
4
5
6
7
8
var options = {
  strokeColor: '#0E51DC',
  strokeOpacity: 1,
  strokeWeight: 2,
  toRemove: 'all',
};

Anuket.drawPolyline(paths, options);

Consideraciones:

  • La opción strokeColor permite cambiar el color de contorno, de la polilínea, en formato hexadecimal.

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

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

  • La opción toRemove acepta: all, polygons ó polylines. Dependiendo la opción escogida, el método drawPolyline 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 la nueva polilínea.

Nota:

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