Leaflet & Kibana

Maher_Ben_Taleb_Ali · January 20, 2018, 4:36pm

Hi,
I am implementing my own map using OpenStreetMap locally, and Leaflet.
I heard that Kibana is using Leaflet to visualize the map.

I just have some questions :
1- how does Kibana uses Leaflet exactly?
2- how can I integrate my own version of OpenStreetMap in Kibana? where can I find the mapping for OSM tags?

Marius_Dragomir · January 22, 2018, 8:49pm

Hello,
This is where the tile map source code is, so you can use it for reference:

github.com

elastic/kibana/blob/master/src/core_plugins/tile_map/public/kibana_map.js#L108




const leafletOptions = {
  minZoom: options.minZoom,
  maxZoom: options.maxZoom,
  center: options.center ? options.center : [0, 0],
  zoom: options.zoom ? options.zoom : 2,
  renderer: L.canvas(),
  zoomAnimation: false // Desaturate map tiles causes animation rendering artifacts
};


this._leafletMap = L.map(containerNode, leafletOptions);
this._leafletMap.attributionControl.setPrefix('');
this._leafletMap.scrollWheelZoom.disable();


let previousZoom = this._leafletMap.getZoom();
this._leafletMap.on('zoomend', () => {
  if (previousZoom !== this._leafletMap.getZoom()) {
    previousZoom = this._leafletMap.getZoom();
    this.emit('zoomchange');
  }
});

As for the second question, you should just make your server wms compatible and here is the documentation on how to use it from there:
https://www.elastic.co/guide/en/kibana/current/settings.html#tilemap-settings

system · February 19, 2018, 8:49pm

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.

Topic		Replies	Views
Using Leaflet with Elasticsearch Elasticsearch	3	1058	November 16, 2020
Using my own map? Kibana	2	245	January 2, 2019
Kibana and offline OpenStreetMap serveur Kibana maps	6	1877	December 10, 2020
Kibana custom plugin, how to implement a react-leaflet and leaflet libs? Kibana maps , kibana-plugin-development	5	592	May 2, 2023
Connect own Geo Server with Kibana Kibana	2	530	January 16, 2020

Leaflet & Kibana

Related topics