Changeset 25276 in main


Ignore:
Timestamp:
05/21/22 08:50:58 (5 weeks ago)
Author:
GarthBraithwaite_STG
Message:

nj - removed nav menu images. _Base.json to get maps to come up. ss.css removed old css ref.

Location:
adopters/nj/branches/3.0/src/main/webapps
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • adopters/nj/branches/3.0/src/main/webapps/doh-shad-content/json/leaflet/_Base.json

    r25268 r25276  
    22// @see": http"://leafletjs.com/reference.html#map-options
    33{       // Start of _Base.json
    4         map:
     4        "map":
    55        {
    66                center: [40.168, -74.572]
    7                 ,maxBounds: [[38.78, -76.0], [41.42, -72.8]]  //south west, then north east - larger negative number on east moves NJ map east
     7
     8                ,"attributionControl": true
     9                ,"zoomControl": false           // needed so custom IBIS zoom control can be used.
    810                ,zoom: 8
    911                ,minZoom: 7
    1012                ,maxZoom: 14
    11                 ,attributionControl: true
    12         }
    13 
    14         /* This is the map's intent/purpose/.  Valid values are:
    15                 - selection = tells this code to build the geo area type selection UI.
    16                 - choropleth= tells this code to build the choropleth control UI.
    17                 - display   = not current used - for v3 demographics?
    18                 NOTE: choropleth is the default but this value can be overridden
    19                 by named configuration usage or even having specific js code for
    20                 certain page requests.
    21         */
    22         ,type: "choropleth" 
    23 
    24         ,layersControl:
    25         {
    26                 collapsed: false
    27 
    28                 /* Main container for layers - specifically groups of layers.  Each
    29                         group is defined starting with the group's key (example: "labels":).
    30                         Each group structure contains a title property and a group type
    31                         property.  The title is the text that appears at the top of that
    32                         selections group in the control panel's UI.  The group type
    33                         controls where within the layer UI control to include the group
    34                         of layers (how to build the selections).
    35 
    36                         Valid group "type" values are:
    37                         - base      = put definitions in the base map grouping/area.
    38                         - overlay   = put definitions in the overlays area.
    39                         - selection = put definitions into the special geo area selection
    40                                 area.  This is used when the map "type" property is "selection".
    41                         - choropleth = choro grouping - not currently in use - hard coded.
    42                                  The choropleth control is displayed when the map "type"
    43                                  property is "choropleth".
    44 
    45                         - defaultOptions = base options that all of the group's layers use.
    46                         - layers = actual layer definition structure.
    47                        
    48                 */
    49                 ,layerGroups:
     13                ,"zoomSnap": 0.5
     14                ,"zoomDelta": 0.5
     15                ,maxBounds: [[38.78, -76.0], [41.42, -72.8]]  //south west, then north east - larger negative number on east moves NJ map east
     16
     17                ,"closePopupOnClick": true
     18                ,"scrollWheelZoom": false
     19                ,"touchZoom": false
     20                ,"doubleClickZoom": true
     21                ,"dragging": true
     22
     23                // https"://github.com/aratcliffe/Leaflet.contextmenu.  Below are
     24                // the general context menu items that are present for any part
     25                // of a map (if contextmenu is true).  If false the menu is still
     26                // available for sub layers IF that layer is a contextmenu that
     27                // is set to true. 
     28                // The context menu is auto created via the plugin which injects
     29                // itself into the main leaflet "L" code with other layers being
     30                // supported via the assoc "Mixin" code.  As such there's no
     31                // context menu object instantiation needed - simply adding to
     32                // the map is all that is needed.  The IBIS-PH GeoJSON layers
     33                // need to have some mixin registration help via the bindContextMenu
     34                // call (as well as special event handlers to capture the object
     35                // context. 
     36                // NOTE: As of 6/26/2-17, the leaflet 103 and context menu 1.5
     37                // has an issue with jsonlayer style reset. 
     38                ,"contextmenu": true
     39                ,"contextmenuItems":
     40                [
     41                        {
     42                                "text": "Show coordinates"
     43                                ,"callback": function (e)
     44                                {
     45                                        L.popup()
     46                                                .setLatLng(e.latlng)
     47                                                .setContent("Latitude: " + e.latlng.lat + "<br/>Longitude: " + e.latlng.lng)
     48                                                .openOn(this)
     49                                        ;
     50                                }
     51                        }
     52                        ,{
     53                                "text": "Center map here"
     54                                ,"callback": function (e) {this.panTo(e.latlng);}
     55                        }
     56                        ,"-"
     57                        ,{
     58                                "text": "Zoom in"
     59                                ,"callback": function (e) {this.zoomIn();}
     60                        }               // function this.zoomIn which calls leafletMap.zoomIn which is an exposed map function...
     61                        ,{
     62                                "text": "Zoom out"
     63                                ,"callback": function (e) {this.zoomOut();}
     64                        }       // can do icons but be consist and do as css background": "icon": "images/zoom-in.png",
     65                        ,{
     66                                "text": "Reset zoom"
     67                                ,"callback": function (e) {this.setView(this.options.center, this.options.zoom);}
     68                        }
     69                        ,"-"
     70                        ,{"text": "Cancel"}
     71                        // ,"-"
     72                        // ,{"text": "Export to PNG",  "callback": exportMapToPNG}
     73                        // ,{"text": "ONLY ON choro - Export Thematic JSON Layer - have layer context menu for export.", "callback": zoomOut}
     74                ]
     75        }
     76
     77        // options passed to the leaflet info panel (mouse over panel) constructor
     78        // @see": http"://leafletjs.com/reference.html#control & code for options.
     79        ,"infoPanelControl":
     80        {
     81                "position": "topleft"
     82                ,"className": "InfoPanel"
     83        }
     84
     85        // options passed to the leaflet zoom control constructor.  Can supply
     86        // text and titles along with CSS to control button UI. 
     87        // @see": http"://leafletjs.com/reference.html#control-zoom and code.
     88        ,"zoomControl":
     89        {
     90                "show": true
     91                ,"position": "topleft"
     92        }
     93
     94        // options passed to the leaflet scale control constructor
     95        // @see": http"://leafletjs.com/reference.html#control-scale
     96        ,"scaleControl":
     97        {
     98                "show": true
     99                ,"position": "bottomright"
     100                ,"metric": true
     101                ,"imperial": true
     102                ,"updateWhenIdle": false
     103        }
     104
     105        // options passed to the leaflet layers control constructor.
     106        // @see": http"://leafletjs.com/reference.html#control-layers and code.
     107        ,"layerSetsControl":
     108        {
     109                "position": "topright"
     110                ,"collapsed": false
     111                ,"autoZIndex": true
     112        }
     113
     114        ,"choroplethControl":
     115        {
     116                "position": "bottomleft"
     117                ,"legend":
    50118                {
    51                         /* The Geo type labels are implemented using a circle marker.  This was
    52                                 done 1/2015 due to time limitations and works fine via the config
    53                                 code below.  Another solution is to attach with the layer and use the
    54                                 layer's poly min/max x/y to position.  See the L.GeoJSON.Choropleth.js
    55                                 file line 219 for how this was started.  That code could be used for
    56                                 other labeling of layers but would need to be attached and configed.
    57                         */
    58                         "labels":
    59                         {
    60                                 title: "Labels"
    61                                 ,type: "overlay"
    62                                 ,defaultOptions:
    63                                 {
    64                                         pointToLayer: function(feature, latlng)
    65                                         {
    66                                                 return L.marker(latlng,
    67                                                         {
    68                                                                 icon: L.divIcon( {html: feature.properties["TITLE"], className: "GeoLabel", iconAnchor: [0, 0]} )
    69                                                         }
    70                                                 );
    71                                         }
    72                                 }
    73                                 ,layers:
     119                        "titleRangeDisplayType": "PlusAfterStartValue"   
     120                        // options are LessThanEqualEndValue, PlusAfterStartValue,
     121                        // GreaterThanEqualRangeSeparator, default": -
     122                        // NOTE: if start and end are same value then no delimiter
     123                }
     124                ,"dataClasses":
     125                {
     126                        "type":
     127                        {
     128                                "value": "Jenks2"
     129                                ,"selections":
     130                                {
     131                                        "Jenks":                  {"title": "Jenks Natural Breaks", "description": "Grouped by similar values - natural groupings inherent in the data"}
     132                                        ,"Jenks2":                {"title": "Jenks Natural Breaks - Original", "description": "Grouped by similar values - natural groupings inherent in the data - Original"}
     133                                        ,"Quantile":              {"title": "Equal Groups (Quantile)", "description": "Groups the data into equally sized value counts"}
     134                                        ,"EqualInterval":         {"title": "Equal Intervals", "description": "Grouping based on equally sized value ranges"}
     135                                        ,"StdDev":                {"title": "Mean Standard Deviation", "description": "Number of groups defines how many standard devidations center on the mean value"}
     136                                        ,"GeometricProgression":  {"title": "Geometric Progression", "description": "Equally sized group range and group count - works well on non normally distributed data"}
     137                                        ,"ArithmeticProgression": {"title": "Arithmetic Progression", "description": "Alternative equally sized groups"}
     138                                        ,"UniqueValues":          {"title": "Unique Values", "description": "Unique values  based on precision"}
     139                                        ,"BetterWorse":           {"title": "Better Worse", "description": "Group determined by comparing an area's confidence values against a supplied comparison value (typically state or US)"}
     140                                        ,"StaticValues":          {"title": "Static Values", "description": "Grouped by list of static values"}
     141                                }
     142                                ,"jenksLowSampleSizeDataClass": "UniqueValues"  // remove to enable auto num groups sizing when small data counts.
     143                        }
     144                        ,"numberOfGroups":
     145                        {
     146                                "value": 3      // used to test data point count vs selection count otherwise can simply use the list size.
     147                                ,"minValue": 3
     148                                ,"maxValue": 6
     149                                ,"title": "Number of Categories"
     150                                ,"description": "How many data value groups"
     151                                ,"selections":
     152                                {
     153                                         "2": {"title": "2", "description": "2 groups - halfs"}
     154                                        ,"3": {"title": "3", "description": "3 groups - thirds"}
     155                                        ,"4": {"title": "4", "description": "4 groups - quarties"}
     156                                        ,"5": {"title": "5", "description": "5 groups - quintiles"}
     157                                }
     158                        }
     159                }
     160                ,"areaColor":
     161                [
     162                        ["black"]
     163                        ,["transparent", "#FFEDA0"]
     164                        ,["transparent", "#FFECA7", "#FA823C"]
     165                        ,["transparent", "#FFECA7", "#FA823C", "#AF1013"]
     166                        ,["transparent", "#FFECA7", "#FC9C4B", "#E74D2B", "#AF1013"]
     167                        ,["white", "#FFECA7", "#FDB559", "#FA823C", "#E74D2B", "#AF1013"]
     168                        ,["transparent", "#FFEDA0", "#FED976", "#FEB24C", "#FC4E2A", "#E31A1C", "#BD0026"]
     169                        ,["transparent", "#FFEDA0", "#FED976", "#FEB24C", "#FD8D3C", "#FC4E2A", "#E31A1C", "#BD0026"]
     170                        ,["transparent", "#FFEDA0", "#FED976", "#FEB24C", "#FD8D3C", "#FC4E2A", "#E31A1C", "#BD0026", "#800026"]
     171                ]
     172        }
     173
     174        ,"layerSets":
     175        {
     176                "sets":
     177                {
     178                        "baseLayer":
     179                        {
     180                                "title": null                   // if no title then no group title...
     181                                ,"type": "baseLayer"  // isBaseMap": true
     182                                ,"layers":
     183                                {
     184                                        "osm":
     185                                        {
     186                                                "title": "Open Street Map"
     187                                                ,"type": "tile"
     188                                                ,"url": "http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
     189                                                ,"show": true
     190                                                ,"options": {"attribution": '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'}
     191                                        }
     192                                        ,"none":
     193                                        {
     194                                                "title": "None"
     195                                                ,"type": "tile"
     196                                        }
     197                                }
     198                        }
     199                        ,"labels":
     200                        {
     201                                "title": "Labels"
     202                                ,"type": "overlay"
     203                                ,"layers":
    74204                                {
    75205                                        "GeoCnty":
    76206                                        {
    77                                                 title: "County"
    78                                                 ,url: "view/json/map/GeoCntyLabel.json"
    79                                                 ,show: true
    80                                                 ,options:
    81                                                 {
     207                                                "title": "County"
     208                                                ,"url": "contentfile/json/geo/GeoCntyLabel.json"
     209                                                ,"show": false
     210                                                ,"options":
     211                                                {
     212                                                        "pointToLayer": function(feature, latlng)
     213                                                        {
     214                                                                return L.marker(latlng,
     215                                                                        {
     216                                                                                "icon": L.divIcon( {"html":feature.properties["TITLE"], "className": "GeoLabel", "iconAnchor": [25, 10]} )
     217                                                                        }
     218                                                                );
     219                                                        }
     220                                                }
     221                                        }
     222                                        ,"GeoRegion":
     223                                        {
     224                                                "title": "Health Region"
     225                                                ,"url": "contentfile/json/geo/GeoRegionLabel.json"
     226                                                ,"show": false
     227                                                ,"options":
     228                                                {
     229                                                        "pointToLayer": function(feature, latlng)
     230                                                        {
     231                                                                return L.marker(latlng,
     232                                                                        {
     233                                                                                "icon": L.divIcon( {"html":feature.properties["TITLE"], "className": "GeoLabel GeoRegionLabel LargerFont Bold", "iconAnchor": [35, 35]} )
     234                                                                        }
     235                                                                );
     236                                                        }
     237                                                }
     238                                        }
     239                                        ,"GeoUrbanRur":
     240                                        {
     241                                                "title": "Urban/Rural"
     242                                                ,"url": "contentfile/json/geo/GeoUrbanRurLabel.json"
     243                                                ,"show": false
     244                                                ,"options":
     245                                                {
     246                                                        "pointToLayer": function(feature, latlng)
     247                                                        {
     248                                                                return L.marker(latlng,
     249                                                                        {
     250                                                                                "icon": L.divIcon( {"html": feature.properties["TITLE"], "className": "GeoLabel GeoUrbanRurLabel LargerFont Bold", "iconAnchor": [35, 35]} )
     251                                                                        }
     252                                                                );
     253                                                        }
     254                                                }
     255                                        }
     256                                        ,"GeoSarea":
     257                                        {
     258                                                "title": "Small Area"
     259                                                ,"url": "contentfile/json/geo/GeoSareaLabel.json"
     260                                                ,"show": false
     261                                                ,"options":
     262                                                {
     263                                                        "pointToLayer": function(feature, latlng)
     264                                                        {
     265                                                                return L.marker(latlng,
     266                                                                        {
     267                                                                                "icon": L.divIcon( {"html":feature.properties["TITLE"], "className": "GeoSareaLabel", "iconAnchor": [16, 11]} )
     268                                                                        }
     269                                                                );
     270                                                        }
     271                                                }
     272                                        }
     273                                        ,"GeoCityMajor":
     274                                        {
     275                                                "title": "Major Cities"
     276                                                ,"url": "contentfile/json/geo/GeoCityMajor.json"
     277                                                ,"show": false
     278                                                ,"options":
     279                                                {
     280                                                        "pointToLayer": function(feature, latlng)
     281                                                        {
     282                                                                return L.marker(latlng,
     283                                                                        {
     284                                                                                "icon": L.divIcon( {"html":feature.properties["TITLE"], "className": ".DataViz.Map .GeoLabel.GeoCityLabel SmallerFont NearBlackText", "iconAnchor": [-4, 4]} )
     285                                                                        }
     286                                                                );
     287                                                        }
     288                                                }
     289                                        }
     290                                }
     291                        }
     292                        ,"regions":
     293                        {
     294                                "title": "Area Boundaries"
     295                                ,"type": "overlay"
     296                                ,"layers":
     297                                {
     298                                        "county":
     299                                        {
     300                                                "title": "Counties"
     301                                                ,"url": "contentfile/json/geo/GeoCntyLine.json"
     302                                                ,"options":
     303                                                {
     304                                                        "style":
     305                                                        {
     306                                                                "dashArray": ""
     307                                                                ,"color": "#aaaaaa"
     308                                                                ,"weight": 1.5
     309                                                                ,"opacity": 1.0
     310                                                                ,"fillOpacity": 0.0
     311                                                        }
     312                                                }
     313                                        }
     314                                        ,"region":
     315                                        {
     316                                                "title": "Health Regions"
     317                                                ,"url": "contentfile/json/geo/GeoRegionLine.json"
     318                                                ,"show": false
     319                                                ,"options":
     320                                                {
     321                                                        "style":
     322                                                        {
     323                                                                "dashArray": ""
     324                                                                ,"color": "#4C4493"
     325                                                                ,"weight": 10.0
     326                                                                ,"opacity": 0.5
     327                                                                ,"fillOpacity": 0.0
     328                                                        }
     329                                                }
     330                                        }
     331                                        ,"urbanrural":
     332                                        {
     333                                                "title": "Urban/Rural"
     334                                                ,"url": "contentfile/json/geo/GeoUrbanRurLine.json"
     335                                                ,"show": false
     336                                                ,"options":
     337                                                {
     338                                                        "style":
     339                                                        {
     340                                                                "dashArray": ""
     341                                                                ,"color": "#4C4493"
     342                                                                ,"weight": 10.0
     343                                                                ,"opacity": 0.4
     344                                                                ,"fillOpacity": 0.0
     345                                                        }
     346                                                }
     347                                        }
     348                                }
     349                        }
     350                        ,"roads":
     351                        {
     352                                "title": "Features"
     353                                ,"type": "overlay"
     354                                ,"defaultOptions":
     355                                {
     356                                        "style":
     357                                        {
     358                                                "dashArray": "5,5"
     359                                                ,"color": "#000"
     360                                                ,"weight": 3
     361                                                ,"opacity": 0.5
     362                                                ,"fillColor": "yellow"
     363                                                ,"fillOpacity": 0.5
     364                                        }
     365                                }
     366                                ,"layers":
     367                                {
     368                                        "interstates":
     369                                        {
     370                                                "title": "Interstates"
     371                                                ,"url": "contentfile/json/geo/GeoRoadsInterstate.json"
     372                                                ,"options":
     373                                                {
     374                                                        "style":
     375                                                        {
     376                                                                "dashArray": ""
     377                                                                ,"color": "#B18D8D"
     378                                                                ,"weight": 2
     379                                                                ,"opacity": .8
     380                                                        }
     381                                                }
     382                                        }
     383                                }
     384                        }
     385                        ,"water":
     386                        {
     387                                "title": ""
     388                                ,"type": "overlay"
     389                                ,"layers":
     390                                {
     391                                        "main":
     392                                        {
     393                                                "title": "Rivers, Lakes"
     394                                                ,"url": "contentfile/json/geo/GeoWater.json"
     395                                                ,"show": false
     396                                                ,"options":
     397                                                {
     398                                                        "style":
     399                                                        {
     400                                                                "dashArray": ""
     401                                                                ,"color": "#638E98"
     402                                                                ,"weight": 1.2
     403                                                                ,"opacity": 0.9
     404                                                                ,"fillColor": "#638E98"
     405                                                                ,"fillOpacity": 0.8
     406                                                        }
     407                                                }
     408                                        }
     409                                }
     410                        }
     411                        ,"points":
     412                        {
     413                                "title": ""
     414                                ,"type": "overlay"
     415                                ,"layers":
     416                                {
     417                                        "cities":
     418                                        {
     419                                                "title": "Major Cities"
     420                                                ,"type": "interactive" 
     421                                                ,"url": "contentfile/json/geo/GeoCityMajor.json"
     422                                                ,"show": false
     423                                                ,"options":
     424                                                {
     425                                                        "pointToLayer": function(feature, latlng)
     426                                                        {
     427                                                                return new L.marker(latlng,
     428                                                                        {
     429                                                                                "icon": new L.divIcon( {"html":"&#160;", "className": "FontIcon GeoCityIconMarker"} )
     430                                                                                //"icon": new L.divIcon( {"html":"&#160;", "className": "FontIcon GeoCityIconMarker"} )
     431                                                                        }
     432                                                                );
     433                                                        }
    82434                                                }
    83435                                        }
     
    86438                }
    87439        }
    88 
    89         ,choroplethControl:
    90         {
    91                 legend:
    92                 {
    93                         titleRangeDisplayType: "PlusAfterStartValue"   // options are LessThanEqualEndValue, PlusAfterStartValue, GreaterThanEqualRangeSeparator, default: -
    94                 }
    95                 ,areaColor:
    96                 [         
    97                         ["black"]
    98                         ,["transparent", "#0868AC"]
    99                         ,["transparent", "#A8DDB5", "#0868AC"]
    100                         ,["transparent", "#FFFFCC", "#A8DDB5", "#0868AC"]
    101                         ,["transparent", "#FFFFCC", "#BAE4BC", "#7BCCC4", "#0868AC"]
    102                         ,["transparent", "#FFFFCC", "#BAE4BC", "#7BCCC4", "#43A2CA", "#0868AC"]
    103                         ,["transparent", "#FFFFCC", "#CCEBC5", "#A8DDB5", "#7BCCC4", "#43A2CA", "#0868AC"]
    104                         ,["transparent", "#FFFFCC", "#CCEBC5", "#A8DDB5", "#7BCCC4", "#4EB3D3", "#2B8CBE", "#0868AC"]
    105                 ]                       
    106         }
    107440}
  • adopters/nj/branches/3.0/src/main/webapps/doh-shad-content/xml/selections/navigation/CommunitySelection.xml

    r23312 r25276  
    127127                                                        community and study area. It establishes the context for assessing potential
    128128                                                        impacts and for project decision-making.
    129 
     129<!--
    130130                                                        <div class="Video">
    131131                                                                <img src="contentfile/image/navigation/community.png"/>
     
    137137                                                                </div>
    138138                                                        </div>
     139-->
    139140                                                </div>
    140141                                        </CONTENT>
  • adopters/nj/branches/3.0/src/main/webapps/doh-shad-content/xml/selections/navigation/IndicatorSelection.xml

    r23267 r25276  
    129129                                                        non-governmental agencies.  See the <a href="indicator/ContentUsage.html">Contents and Usage</a>
    130130                                                        page for more info.
    131 
     131<!--
    132132                                                        <div class="Video">
    133133                                                                <img src="contentfile/image/navigation/indicator.png"/>
     
    139139                                                                </div>
    140140                                                        </div>
    141 
    142141                                                        <a href="indicator/Contributors.html" class="Button">View a list of Indicator Report Contributors</a>
     142-->
    143143                                                </div>
    144144                                        </CONTENT>
  • adopters/nj/branches/3.0/src/main/webapps/doh-shad-content/xml/selections/navigation/QuerySelection.xml

    r23312 r25276  
    110110                                                        values can be specified as filtering criteria.  Options
    111111                                                        also exist that control how to display (group by) the data. 
    112 
     112<!--
    113113                                                        <div class="Video">
    114114                                                                <img src="contentfile/image/navigation/query.png"/>
     
    120120                                                                </div>
    121121                                                        </div>
    122 
    123122                                                        <a href="query/DataStewards.html" class="Button">View a List of Data Stewards</a>
     123-->
    124124                                                </div>
    125125                                        </CONTENT>
  • adopters/nj/branches/3.0/src/main/webapps/doh-shad/css/_SiteSpecific.css

    r25187 r25276  
    3131@import url('_SiteSpecific-general.css');
    3232@import url('_SiteSpecific-layout_navigation.css');
    33 
    34 @import url('HorizonalMenu-ColumnsPanel-Clickable.css');
    35 @import url('VerticalMenu-ExpandableList.css');
    36 
    3733
    3834/* Responsive overrides/layout and other overrides for device resolution. 
Note: See TracChangeset for help on using the changeset viewer.