Changeset a6d1e11 in observatorio


Ignore:
Timestamp:
Sep 12, 2014, 9:57:26 AM (10 years ago)
Author:
Ing. Roldan Vargas <rvargas@…>
Branches:
master
Children:
fe53a97, 24668a6, b5cff25
Parents:
a1c4d59
Message:

se agregan reglas a los estilos de la capa de indicadores que permiten mostrar la leyenda de la misma de acuerdo a la densidad de la información consultada en cada geometria

File:
1 edited

Legend:

Unmodified
Added
Removed

  • procesos/media/geocadena/js/formularios.js

    rc6dfef6 ra6d1e11  
    332332            else {
    333333
     334                var defaultStyle = new OpenLayers.Style({
     335                    pointRadius: 5,
     336                    fillColor: "${densidad}",
     337                    fillOpacity: 0.8,
     338                    strokeColor: "#cc6633",
     339                    strokeWidth: 0.8,
     340                    strokeOpacity: 0.8,
     341                    label: "${label}",
     342                    fontSize: "12px",
     343                    fontFamily: "Courier New, monospace",
     344                    fontWeight: "bold",
     345                    labelOutlineColor: "white",
     346                    labelOutlineWidth: 3
     347                });
     348
     349                var selectStyle = new OpenLayers.Style({
     350                    fillColor: "#8aeeef",
     351                    strokeColor: "#32a8a9",
     352                    labelYOffset: 13,
     353                    label: "${label}"
     354                });
     355
     356                var rules = [
     357                    new OpenLayers.Rule({
     358                        title: " 0 -   1 %",
     359                        filter: new OpenLayers.Filter.Comparison({
     360                            type: OpenLayers.Filter.Comparison.EQUAL_TO,
     361                            property: "densidad",
     362                            value: "#FFFFFF"
     363                        }),
     364                        symbolizer: {
     365                            graphicName: "star",
     366                            pointRadius: 5,
     367                            fillColor: "#FFFFFF"
     368                        }
     369                    }),
     370                    new OpenLayers.Rule({
     371                        title: " 1 -   5 %",
     372                        filter: new OpenLayers.Filter.Comparison({
     373                            type: OpenLayers.Filter.Comparison.EQUAL_TO,
     374                            property: "densidad",
     375                            value: "#FFFFE5"
     376                        }),
     377                        symbolizer: {
     378                            graphicName: "star",
     379                            pointRadius: 5,
     380                            fillColor: "#FFFFE5"
     381                        }
     382                    }),
     383                    new OpenLayers.Rule({
     384                        title: " 5 -  10 %",
     385                        filter: new OpenLayers.Filter.Comparison({
     386                            type: OpenLayers.Filter.Comparison.EQUAL_TO,
     387                            property: "densidad",
     388                            value: "#FFF7BB"
     389                        }),
     390                        symbolizer: {
     391                            graphicName: "star",
     392                            pointRadius: 5,
     393                            fillColor: "#FFF7BB"
     394                        }
     395                    }),
     396                    new OpenLayers.Rule({
     397                        title: "10 -  20 %",
     398                        filter: new OpenLayers.Filter.Comparison({
     399                            type: OpenLayers.Filter.Comparison.EQUAL_TO,
     400                            property: "densidad",
     401                            value: "#FEE390"
     402                        }),
     403                        symbolizer: {
     404                            graphicName: "star",
     405                            pointRadius: 5,
     406                            fillColor: "#FEE390"
     407                        }
     408                    }),
     409                    new OpenLayers.Rule({
     410                        title: "20 -  30 %",
     411                        filter: new OpenLayers.Filter.Comparison({
     412                            type: OpenLayers.Filter.Comparison.EQUAL_TO,
     413                            property: "densidad",
     414                            value: "#FEC34E"
     415                        }),
     416                        symbolizer: {
     417                            graphicName: "star",
     418                            pointRadius: 5,
     419                            fillColor: "#FEC34E"
     420                        }
     421                    }),
     422                    new OpenLayers.Rule({
     423                        title: "30 -  50 %",
     424                        filter: new OpenLayers.Filter.Comparison({
     425                            type: OpenLayers.Filter.Comparison.EQUAL_TO,
     426                            property: "densidad",
     427                            value: "#FE9828"
     428                        }),
     429                        symbolizer: {
     430                            graphicName: "star",
     431                            pointRadius: 5,
     432                            fillColor: "#FE9828"
     433                        }
     434                    }),
     435                    new OpenLayers.Rule({
     436                        title: "50 -  70 %",
     437                        filter: new OpenLayers.Filter.Comparison({
     438                            type: OpenLayers.Filter.Comparison.EQUAL_TO,
     439                            property: "densidad",
     440                            value: "#EC6F13"
     441                        }),
     442                        symbolizer: {
     443                            graphicName: "star",
     444                            pointRadius: 5,
     445                            fillColor: "#EC6F13"
     446                        }
     447                    }),
     448                    new OpenLayers.Rule({
     449                        title: "70 -  80 %",
     450                        filter: new OpenLayers.Filter.Comparison({
     451                            type: OpenLayers.Filter.Comparison.EQUAL_TO,
     452                            property: "densidad",
     453                            value: "#CC4B02"
     454                        }),
     455                        symbolizer: {
     456                            graphicName: "star",
     457                            pointRadius: 5,
     458                            fillColor: "#CC4B02"
     459                        }
     460                    }),
     461                    new OpenLayers.Rule({
     462                        title: "80 -  90 %",
     463                        filter: new OpenLayers.Filter.Comparison({
     464                            type: OpenLayers.Filter.Comparison.EQUAL_TO,
     465                            property: "densidad",
     466                            value: "#983304"
     467                        }),
     468                        symbolizer: {
     469                            graphicName: "star",
     470                            pointRadius: 5,
     471                            fillColor: "#983304"
     472                        }
     473                    }),
     474                    new OpenLayers.Rule({
     475                        title: "90 - 100 %",
     476                        filter: new OpenLayers.Filter.Comparison({
     477                            type: OpenLayers.Filter.Comparison.EQUAL_TO,
     478                            property: "densidad",
     479                            value: "#652406"
     480                        }),
     481                        symbolizer: {
     482                            graphicName: "star",
     483                            pointRadius: 5,
     484                            fillColor: "#652406"
     485                        }
     486                    })
     487                ];
     488
     489                defaultStyle.addRules(rules);
     490                selectStyle.addRules(rules);
     491
     492                var styleMap = new OpenLayers.StyleMap({'default': defaultStyle,'select': selectStyle});
     493
    334494                var layer = new OpenLayers.Layer.Vector("indicadores", {
    335495                    projection: "EPSG:4326",
    336                     styleMap: new OpenLayers.StyleMap({
    337                         "default": new OpenLayers.Style({
    338                             pointRadius: 5,
    339                             fillColor: "${densidad}", //#ffcc66
    340                             fillOpacity: 0.8,
    341                             strokeColor: "#cc6633",
    342                             strokeWidth: 0.8,
    343                             strokeOpacity: 0.8,
    344                             label: "${label}",
    345                             fontSize: "12px",
    346                             fontFamily: "Courier New, monospace",
    347                             fontWeight: "bold",
    348                             labelOutlineColor: "white",
    349                             labelOutlineWidth: 3
    350                         }),
    351                         "select": {
    352                             fillColor: "#8aeeef",
    353                             strokeColor: "#32a8a9",
    354                             labelYOffset: 13,
    355                             label: "${label}"
    356                         } //Text entspricht feature.attributes.name
    357                     }),
    358496                    renderOptions: {zIndexing: true},
    359497                    strategies: [new OpenLayers.Strategy.Fixed()],
    … …  
    361499                        url: "/sig/indicador?"+estadisticas.getForm().getValues(true),
    362500                        format: new OpenLayers.Format.GeoJSON()
    363                     })
     501                    }),
     502                    styleMap: styleMap
    364503                });
    365504
Note: See TracChangeset for help on using the changeset viewer.