source: main/adopters/nj/trunk/src/main/webapps/doh-shad-content/json/leaflet/_Base.json @ 23267

Last change on this file since 23267 was 23267, checked in by GarthBraithwaite_STG, 14 months ago

nj - initial v3 webapp and content.

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