Agrega un conjunto de datos a un mapa

En esta página, se muestra cómo agregar un conjunto de datos a un mapa y aplicar diseños.

Requisitos previos

Antes de continuar, debes tener un ID de mapa, un diseño de mapa y un ID de conjunto de datos.

• Cómo crear un ID de mapa y un diseño de mapa

• Cómo crear y subir un conjunto de datos

Asocia un ID de conjunto de datos a un diseño de mapa

Para aplicar diseño a los componentes de un conjunto de datos, aplica una función de diseño al capa de componentes del conjunto de datos de un mapa. La capa de componentes del conjunto de datos se crea asocia un conjunto de datos a un diseño de mapa.

Para asociar tu conjunto de datos al diseño de mapa que utilizas, sigue estos pasos:

1. En la consola de Google Cloud, ve a la página Conjuntos de datos.
2. Haz clic en el nombre del conjunto de datos. Se abrirá la página Detalles del conjunto de datos.
3. Haz clic en la pestaña Vista previa.
4. En la sección Diseños de mapa asociados, haz clic en AGREGAR DISEÑO DE MAPA
   
5. Haz clic en las casillas de verificación correspondientes a los diseños de mapa que deseas asociar y, luego, en GUARDAR.

Aplica estilos al conjunto de datos

Para definir el diseño de un componente de la capa del conjunto de datos, usa un cierre de diseño que acepte un GMSDatasetFeature y muestra un GMSFeatureStyle para definir el estilo atributos. A continuación, establece la propiedad de estilo en un cierre de estilo que contenga la lógica de diseño.

El cierre de diseño debe ser determinista y mostrar un resultado coherente. los resultados cuando se aplica. Si se cumplen especificaciones de estilo de algún elemento cambia, el diseño debe volver a aplicarse.

Cómo configurar el trazo, el relleno y el radio de punto

Al definir el diseño de una función con la función de fábrica de estilos, puedes configurar lo siguiente:

• Color y opacidad del trazo del borde, según lo definido por UIColor. . El valor predeterminado es transparente (UIColor.clearColor).

• Ancho del trazo del borde en píxeles de la pantalla. El valor predeterminado es 2.

• Color y opacidad del relleno, según lo define la clase UIColor. Predeterminado es transparente (UIColor.clearColor).

• Radio de punto de un componente de punto de entre 0 y 128 píxeles

Utiliza reglas de diseño simples

La manera más simple de aplicar ajustes de estilo a componentes es definir atributos de estilo constantes, como color, opacidad y ancho de línea. Aplica opciones de diseño de componentes directamente a un de la capa de componentes de un conjunto de datos o usarlos en conjunto con un diseño personalizado.

let mapView = GMSMapView(frame: .zero, mapID: GMSMapID(identifier: "YOUR_MAP_ID"), camera: GMSCameraPosition(latitude: 40.7, longitude: -74.0, zoom: 12))

let layer = mapView.datasetFeatureLayer(of: "YOUR_DATASET_ID")

// Define a style with green fill and stroke.
// Apply the style to all features in the dataset.
layer.style = { feature in
    let style = MutableFeatureStyle()
    style.fillColor = .green.withAlphaComponent(0.1)
    style.strokeColor = .green
    style.strokeWidth = 2.0
    return style
}

GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero mapID:[GMSMapID mapIDWithIdentifier:@"MAP_ID"] camera:[GMSCameraPosition cameraWithLatitude: 40.7 longitude: -74.0 zoom:12]];

GMSDatasetFeatureLayer *layer = [mapView datasetFeatureLayerOfDatasetID:@"YOUR_DATASET_ID"];

// Define a style with green fill and stroke.
// Apply the style to all features in the dataset.
layer.style = ^(GMSDatasetFeature *feature) {
    GMSMutableFeatureStyle *style = [GMSMutableFeatureStyle style];
    style.fillColor = [[UIColor greenColor] colorWithAlphaComponent:0.1];
    style.strokeColor = [UIColor greenColor];
    style.strokeWidth = 2.0;
    return style;
};

Utiliza reglas de diseño declarativas

Puedes definir reglas de estilo declarativamente a partir de un atributo de la característica y aplicarlas en todo el conjunto de datos. Puedes devolver nil desde tu función de diseño de componentes, por ejemplo, si deseas que un subconjunto de componentes permanezca invisibles.

Por ejemplo, usa el GMSDatasetFeature.datasetAttributes para mostrar el valor de un atributo de conjunto de datos para un atributo. Luego, puedes personalizar el diseño del elemento según sus atributos.

En este ejemplo, se determina el valor de “highlightColor” atributo de cada de un conjunto de datos para controlar el diseño:

layer.style = { feature in
    var attributeColor: String = feature.datasetAttributes["highlightColor"]
    // Conditionalize styling based on the value of the "highlightColor" attribute.
    ...
}

// Apply the style to a single dataset feature.
layer.style = ^(GMSDatasetFeature *feature) {
    NSString *attributeColor = feature.datasetAttributes[@"highlightColor"];
    // Conditionalize styling based on the value of the "highlightColor" attribute.
    ...
};

Cómo quitar el diseño aplicado a una capa

Para quitar el diseño aplicado a una capa, establece style en null:

layer.style = nil

layer.style = nil;

También puedes mostrar nil desde tu función de diseño de componentes, por ejemplo, si quieres que un subconjunto de componentes permanezca invisible.