Saltar a contenido

drawCircle 🆕

Permite dibujar un círculo en el mapa:

Nota:

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

Lista de Parámetros:

  • coords: object default: null
  • radius: integer default: 100
  • 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
    • editable: boolean default: false
    • draggable: boolean default: false

Definición:

1
fn.drawCircle = function(coords, radius, options) {};

Ejemplos:

  • Con las opciones por defecto:
1
2
3
4
var coords = {lat: 51.51455, lng: -0.07306};
var radius = 100;

Anuket.drawCircle(coords, radius);
  • Definiendo opciones:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
var options = {
  strokeColor: '#FF0000',
  strokeOpacity: 0.8,
  strokeWeight: 2,
  fillColor: '#FF0000',
  fillOpacity: 0.35,
  toRemove: null,
  editable: false,
  draggable: false,
};

Anuket.drawCircle(coords, radius, options);

Consideraciones:

  • La opción radius permite definir el radio del círculo, en metros.

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

  • La opción strokeOpacity permite cambiar la opacidad del color de contorno.

  • 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 círculo, en formato hexadecimal.

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

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

  • La opción editable del círculo, especifica si se puede editar directamente en el mapa.

  • La opción draggable del círculo, permitir arrastrar el círculo sobre el mapa.

Advertencia:

Las opciones editable y draggable estarán disponibles solo en la versión Beta, es posible que sean eliminadas en el proximo lanzamiento de la versión estable, ó en futuras versiones de Anuket.

Nota:

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