Saltar a contenido

addGroupMarkers 🆕

Agrega una colección de marcadores en el mapa, con las mismas opciones utilizadas en el método addMarker.

📌 Pruebas 🔥

Este método es relativamente reciente y se encuentra en pruebas, por lo que se recomienda su uso con precaución.

Lista de Parámetros:

El método addGroupMarkers espera un solo parametro:

  • markerList: Array default: [] un array de objetos con los siguientes elementos
    • lat: float default: null
    • lng: float default: null
    • icon: string default: null (este campo no es requerido).
    • title: string default: null (este campo no es requerido).
    • label: object default: null un objeto con opciones adicionales (este campo no es requerido).
      • text: string default: null
      • color: string default: null
      • fontSize: string default: null
    • click: function default: null (este campo no es requerido).

Definición:

1
fn.addGroupMarkers = function(markerList) {};

Ejemplos:

  • Con las opciones por defecto:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
var markersData = [
  {
    lat: 51.51455,
    lng: -0.07306
  },
  {
   lat: 51.51800,
   lng: -0.76370
  }
];

Anuket.addGroupMarkers(markersData);
  • Definiendo opciones adicionales:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
var markersData = [
  {
    lat: 51.51455,
    lng: -0.07306,
    icon: '/path/to/icon',
    title: 'marker #1',
    label: {
      text: 'A',
      color: "#fff",
      fontSize: "3.0px"
    }
  },
  {
    lat: 51.51800,
    lng: -0.76370,
    icon: '/path/to/another/icon',
    title: 'marker #2',
    label: {
      text: 'B',
      color: "#fff",
      fontSize: "3.0px"
    },
    click: function(e){
      console.info('event:', e);
      var position = e.getPosition();
      console.log('latitude:', position.lat(), 'longitude', position.lng());
    }
  }
];

Anuket.addGroupMarkers(markersData);

Consideraciones:

  • Como se comentó arriba, el método addGroupMarkers, utiliza los mismos campos del parámetro options (con algunas excepciones), del método addMarker, para la creación del grupo de marcadores.

  • En cada objeto, dentro del Array de marcadores, solo los valores con las coordenadas (lat y lng) son requeridos, los demás, son opcionales, por lo tanto pueden enviarse, los que considere necesarios, como se observa en los ejemplos anteriores.

En Revisión:

  • Opciones no disponibles y/o deshabilitadas:

    • draggable la cual permite establecer si el marcador podrá ser arrastrable en el mapa, por defecto siempre es false.

    • onDragend deshabilitada debido a que la opción draggable está fijada en false.

    • onClick esta opción es reemplazada por click como se muestra en el ejemplo anterior.

Nota:

Recomendamos leer el apartado de Marcadores y Eventos para más información.