Vega Kibana Maps Offline Implementation

Elastic Stack Kibana
1

I've noticed that the implementation of Vega maps have changed in the latest version of kibana, 12.0. I submitted an issue on Github, elastic/kibana/issues/87853, a while ago to fix a bug in the previous implementation but it seems as though the method by which a map in vega is configured has changed. Is there an updated method detailing how a user would generate a vega map in kibana using an offline tile server. Thanks

2

Hello,

Vega maps should use a configured TMS as the primary basemap if configured. There was a bug where this may not have happened by default but this was fixed here for 7.12.

The docs outline how to add a TMS here.

Regards,
Aaron

3

I'm not sure if I've made an error on my side but it seems as though not all vega features are compatible with tile map layering which seems pretty odd since these two features seem unrelated on face value. In my case I'm attempting to plot geo points with an external time scrolling filter. The implementation of this feature functioned in kibana 10.0 but with the same specification fails in 12.0.

Kibana 10 (What the visual should look like)

VegaMap0
VegaMap01920×896 111 KB

Kibana 12 (What the visual looks like, no scroller)

VegaMap1
VegaMap11920×815 258 KB

Vega Specification:

{
 "$schema": "https://vega.github.io/schema/vega-lite/v2.json",
 config: {
   kibana: {
     type: map
     mapStyle: road_map
   }
 },
 "data": {
   "format": {
     "property": "aggregations.date_hist.buckets"
   },
   "values": {
     "took": 5,
     "timed_out": false,
     "_shards": {
       "total": 8,
       "successful": 8,
       "skipped": 0,
       "failed": 0
     },
     "hits": {
       "total": 12081,
       "max_score": null,
       "hits": []
     },
     "aggregations": {
       "date_hist": {
         "buckets": [
           {
             "key_as_string": "2020-10-25T04:26:40.000Z",
             "key": 1603600000000,
             "doc_count": 455,
             "centroid": {
               "location": {
                 "lat": 39.41406083338865,
                 "lon": -87.45705620088067
               },
               "count": 194
             }
           },
           {
             "key_as_string": "2020-10-26T08:13:20.000Z",
             "key": 1603700000000,
             "doc_count": 4606,
             "centroid": {
               "location": {
                 "lat": 39.41456017672054,
                 "lon": -87.45740849762754
               },
               "count": 3142
             }
           },
           {
             "key_as_string": "2020-10-27T12:00:00.000Z",
             "key": 1603800000000,
             "doc_count": 6587,
             "centroid": {
               "location": {
                 "lat": 39.414689194528215,
                 "lon": -87.45236261728247
               },
               "count": 1526
             }
           },
           {
             "key_as_string": "2020-10-28T15:46:40.000Z",
             "key": 1603900000000,
             "doc_count": 433,
             "centroid": {
               "location": {
                 "lat": 39.414511129774745,
                 "lon": -87.44176032781405
               },
               "count": 190
             }
           }
         ]
       }
     }
   }
 },
 "transform": [
   {
     "filter": {
       "selection": "Time Filter"
     }
   },
   {
     "filter": "datum.centroid.count > 0"
   }
 ],
 "selection": {
   "Time Filter": {
     "type": "single",
     "fields": [
       "key"
     ],
     "bind": {
       "input": "range",
       "min": 1603600000000,
       "max": 1603900000000,
       "step": 100000000,
       "name": "Time Filter"
     }
   }
 },
 "mark": "circle",
 "encoding": {
   "longitude": {
     "field": "centroid.location.lon",
     "type": "quantitative"
   },
   "latitude": {
     "field": "centroid.location.lat",
     "type": "quantitative"
   },
   "size": {
     "value": 200
   },
   "color": {
     "value": "steelblue"
   }
 }
}