1. Inicio
  2. Clases
  3. SITNA.feature.Circle

new Circle( geometry [, options ] )

Descripción

Entidad geográfica que representa un círculo en el mapa.

Parámetros
Nombre Type Atributos Descripción
geometry SITNA.feature.CircleGeometry | Array.<Array.<number>>

Si el parámetro es un array, las coordenadas del círculo expresadas como un array de dos elementos, el primero son las coordenadas del centro en las unidades del CRS del mapa y el segundo son las coordenadas de un punto de su circunferencia, en las unidades del CRS actual del mapa (metros por defecto).
options SITNA.feature.PolygonOptions <optional>

Objeto de opciones de la entidad geográfica.
Ejemplos

Ver en vivo


			<div id="mapa"></div>
			<script>
			    SITNA.Cfg.workLayers = [
			        {
			            id: "entidades",
			            title: "Demostración de círculos",
			            type: SITNA.Consts.layerType.VECTOR
			        }
			    ];
			    var map = new SITNA.Map("mapa");
			    map.loaded(() => {
			        // Obtenemos la instancia de la capa vectorial
			        const vectorLayer = map.getLayer("entidades");
			
			        // Creamos una instancia de la clase SITNA.feature.Circle pasándole un objeto de definición de geometría
			        const circle1 = new SITNA.feature.Circle({
			            center: [612175, 4717775],
			            radius: 10000
			        }, {
			            strokeColor: '#522852', // violeta
			            strokeWidth: 6,
			            fillColor: '#285228', // verde
			            fillOpacity: 0.5,
			            data: {
			                'Color': 'Violeta/verde'
			            }
			        });
			
			        // Creamos una instancia de la clase SITNA.feature.Circle pasándole un array de coordenadas
			        const circle2 = new SITNA.feature.Circle([
			            [642175, 4717775], // coordenadas del centro
			            [647175, 4717775], // coordenadas de un punto de la circunferencia
			        ], {
			            strokeColor: '#b97f24', // dorado
			            strokeWidth: 8,
			            fillColor: '#282852', // azul
			            fillOpacity: 0.2,
			            data: {
			                'Color': 'Dorado/azul'
			            }
			        });
			
			        // Añadimos una instancia de la clase SITNA.feature.Circle a la capa pasándole un objeto de definición de geometría
			        vectorLayer.addCircle({
			            center: [612175, 4687775],
			            radius: 12000
			        }, {
			            strokeColor: '#880000', // granate
			            strokeWidth: 10,
			            fillColor: '#000000', // negro
			            fillOpacity: 0, // Completamente transparente
			            data: {
			                'Color': 'Granate/transparente'
			            }
			        });
			
			        // Añadimos una instancia de la clase SITNA.feature.Circle a la capa pasándole un array de coordenadas
			        vectorLayer.addCircle([
			            [642175, 4687775], // coordenadas del centro
			            [644175, 4687775], // coordenadas de un punto de la circunferencia
			        ], {
			            strokeColor: '#000000', // negro
			            strokeWidth: 6,
			            fillColor: '#cccccc', // gris
			            fillOpacity: 1, // Completamente opaco
			            data: {
			                'Color': 'Negro/gris'
			            }
			        });
			
			        // Añadimos las dos entidades geográficas de una vez
			        vectorLayer.addCircles([
			            circle1,
			            circle2
			        ])
			            .then(circleArray => {
			                // Añadimos atributos a las nuevas entidades.
			                // Estos datos se pueden consultar al pulsar sobre ellas.
			                circleArray.forEach(circle => {
			                    const newData = circle.getData();
			                    newData["Centro"] = circle.getCenter().toString();
			                    newData["Radio en metros"] = circle.getRadius();
			                    circle.setData(newData);
			                })
			                map.zoomToFeatures(vectorLayer.features);
			            });
			    });
			</script>
Detalles

SITNA.feature.Feature

Métodos

getCenter() → {Array.<number>}

Descripción

Obtiene las coordenadas del centro del círculo en el CRS actual del mapa.

Retorna

Array con las coordenadas del centro del círculo en el CRS del mapa.

getCoordinates() → {Array.<Array.<number>>}

Descripción

Obtiene las coordenadas de la geometría del círculo en el CRS actual del mapa.

Retorna

Array cuyo primer elemento son las coordenadas del centro del círculo en el CRS del mapa y el segundo elemento es el punto de la circunferencia con el mayor valor de x.

getData() → {Object}

Descripción

Obtiene los atributos de la entidad geográfica.

Retorna

Diccionario de pares clave/valor con los atributos de la entidad geográfica.

Detalles

SITNA.feature.Feature#getData

getId() → {string}

Descripción

Obtiene el identificador de la entidad geográfica dentro de su capa.

Retorna

Identificador de la entidad geográfica.

Detalles

SITNA.feature.Feature#getId

getRadius( [ options ] ) → {number}

Descripción

Obtiene el radio del círculo en metros.

Parámetros
Nombre Type Atributos Descripción
options SITNA.feature.MeasurementOptions <optional>

Parámetros referentes al CRS que hay que considerar para la medida.
Retorna

Longitud del radio en metros.

getStyle() → {SITNA.feature.PolygonStyleOptions}

Descripción

Obtiene el estilo de la entidad.

Retorna

setCoordinates( geometry ) → {SITNA.feature.Circle}

Descripción

Establece la geometría del círculo en el CRS actual del mapa.

Parámetros
Nombre Type Descripción
geometry SITNA.feature.CircleGeometry | Array.<Array.<number>>

Si el parámetro es un array, las coordenadas del círculo expresadas como un array de dos elementos, el primero son las coordenadas del centro en las unidades del CRS del mapa y el segundo son las coordenadas de un punto de su circunferencia, en las unidades del CRS actual del mapa (metros por defecto).
Retorna

La propia entidad geográfica.

setData( data ) → {SITNA.feature.Feature}

Descripción

Establece los atributos de la entidad geográfica.

Parámetros
Nombre Type Descripción
data Object

Diccionario de pares clave/valor con los atributos a establecer.
Retorna

La propia entidad geográfica.

Detalles

SITNA.feature.Feature#setData

setStyle( style ) → {SITNA.feature.Circle}

Descripción

Asigna estilos al círculo.

Parámetros
Nombre Type Descripción
style SITNA.feature.PolygonStyleOptions

Objeto de opciones de estilo de polígono.
Retorna

La propia entidad geográfica.