Kibana 中的 Maps 給我們位置搜索及分析創建了許多的方便，在 Maps 應用中，有一個叫做 tooltip 的功能能，它可以幫我們在點擊檔案時顯示檔案的扼要資訊，這些資訊可以是我們想要的欄位，由我們自己配置，有時這些欄位可能是一個圖片的 url，那么我們該如何顯示呢？
在上面，當我們點擊檔案時，它會顯示我們想要的欄位，比如 user，同時它可能也會顯示該用戶的一個影像，如果對于酒店搜索來說， 我們甚至可以放上酒店的圖片，
如何在 Kibana 的 Maps 應用中顯示圖片提示
如何在 Kibana 的 Maps 應用中顯示圖片提示_嗶哩嗶哩_bilibili
準備
首先，我把一些對應于檔案的圖片放置于一個檔案服務器，或者網路的一個地方，對今天的練習來說，我把圖片置于地址：??????https://github.com/liu-xiao-guo/elasticsearch-images，在這個倉庫中，它含有3個檔案：
點擊上面的 Download，我們發現 elasticsearch.png 的圖片鏈接為：
elasticsearch-images/elasticsearch.png at main · liu-xiao-guo/elasticsearch-images · GitHub
創建 twitter 索引模式
首先，我們來創建如下的一個 twitter 索引：
PUT twitter
{
"mappings": {
"properties": {
"address": {
"type": "text",
"fields": {
"keyword": {
"type": "keyword",
"ignore_above": 256
}
}
},
"url": {
"type": "keyword"
},
"age": {
"type": "long"
},
"city": {
"type": "text",
"fields": {
"keyword": {
"type": "keyword",
"ignore_above": 256
}
}
},
"country": {
"type": "text",
"fields": {
"keyword": {
"type": "keyword",
"ignore_above": 256
}
}
},
"location": {
"type": "geo_point"
},
"message": {
"type": "text",
"fields": {
"keyword": {
"type": "keyword",
"ignore_above": 256
}
}
},
"province": {
"type": "text",
"fields": {
"keyword": {
"type": "keyword",
"ignore_above": 256
}
}
},
"uid": {
"type": "long"
},
"user": {
"type": "text",
"fields": {
"keyword": {
"type": "keyword",
"ignore_above": 256
}
}
}
}
}
}我們為它寫入第一個檔案：
PUT twitter/_doc/1
{
"user": "劉曉國",
"message": "今兒天氣不錯啊，出去轉轉去",
"uid": 2,
"age": 20,
"city": "北京",
"province": "北京",
"country": "中國",
"address": "中國北京市海淀區",
"location": {
"lat": "40.089203",
"lon": "-101.592308"
},
"url": "elasticsearch"
}我們接下來為它創建一個索引模式：
我們接下來修改 url 欄位的屬性：
在上面，我們必須修改 URL template 的格式為：
https://raw.githubusercontent.com/liu-xiao-guo/elasticsearch-images/main/{{value}}.png你可以和我們上面看到的那個鏈接：
https://raw.githubusercontent.com/liu-xiao-guo/elasticsearch-images/main/elasticsearch.png進行比較一下，其中的 elasticsearch 被 {{value}} 所替換，這里的 elasticsearch 也就是檔案中 url 欄位的值，
點擊上面的 Save 按鈕，
在 Maps 中顯示
我們接下來創建 Maps 應用：
我們選擇上面的 url 欄位及 use 欄位：
點擊上面的 Save & close:
當我們點擊上面的檔案時，我們就會看到圖片，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/354579.html
標籤：其他
上一篇：Druid【基礎知識 01】是什么+主要特點+設計原則+架構+資料結構（簡單入門Druid）
下一篇：大資料HDFS應用開發