# How to display other info than geopoint on map vizualization?

**URL:** <https://discuss.elastic.co/t/how-to-display-other-info-than-geopoint-on-map-vizualization/64462>\
**Category:** Kibana\
**Created:** [October 31, 2016, 3:50pm UTC](https://discuss.elastic.co/t/how-to-display-other-info-than-geopoint-on-map-vizualization/64462 "2016-10-31T15:50:27Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![kalanit](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/kalanit/32/12846_2.png) [@kalanit](https://discuss.elastic.co/u/kalanit)\
**Post date:** [October 31, 2016, 3:50pm UTC](https://discuss.elastic.co/t/how-to-display-other-info-than-geopoint-on-map-vizualization/64462/1 "2016-10-31T15:50:27Z")

</div>

I am beginning with both elastic search and kibana.  
I would like, when clicking on a result displayed on the map vizualisation, that it would display other info about the node (if possible even a clickable link to image location).

Here is the script I run to create the DB

```
curl -XPUT http://localhost:9200/db_test -d '
{
    "mappings": {
        "img": {
            "properties": {
                "img": {"type": "string"},
                "tag": {"type": "string"},
                "location": {"type": "geo_point"} }

        }
    }
}
'

```

here is script I run to insert the data

```
curl -XPOST 'http://localhost:9200/db_test/img/' -d '{"img": "/home/imgs/01.PNG", "tag": ["red"],"location": {"lat": "61", "lon": "-149"}}'
curl -XPOST 'http://localhost:9200/db_test/img/' -d '{"img": "/home/imgs/02.PNG", "tag": ["blue"],"location": {"lat": "33", "lon": "-86"}}'
curl -XPOST 'http://localhost:9200/db_test/img/' -d '{"img": "/home/imgs/03.PNG", "tag": ["pink"],"location": {"lat": "34", "lon": "-86"}}'
curl -XPOST 'http://localhost:9200/db_test/img/' -d '{"img": "/home/imgs/04.PNG", "tag": ["green"],"location": {"lat": "30", "lon": "-88"}}'
curl -XPOST 'http://localhost:9200/db_test/img/' -d '{"img": "/home/imgs/05.PNG", "tag": ["blue,pink"],"location": {"lat": "38", "lon": "-88"}}'

```

I can see the data on kibana

 ![](https://us1.discourse-cdn.com/elastic/original/2X/9/94788e4ae7b2cc1ea2d7bd13eca46bbbf4c75ed9.png)

I can visualize correctly the 5 items on the map

 ![](https://us1.discourse-cdn.com/elastic/original/2X/f/fe708715ac01e1b9ec8a32abad7a7388220016af.png)

But when I click on a result point, the popup displays only the geocoordinnates of the result

 ![](https://us1.discourse-cdn.com/elastic/original/2X/c/cad48713ea82eda1fb40a432b1d0b2aa5d2a6349.png)

I would like that it would display also the tags and the image path. If possible even with a link to the image path. Is it achievable?

Thank in advance for the help

K.

---

<div class="post-metadata">

**Author:** ![tsullivan](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tsullivan/32/31077_2.png) [@tsullivan](https://discuss.elastic.co/u/tsullivan)\
**Post date:** [October 31, 2016, 7:14pm UTC](https://discuss.elastic.co/t/how-to-display-other-info-than-geopoint-on-map-vizualization/64462/2 "2016-10-31T19:14:41Z")

</div>

The nature of everything in visualizations being based on aggregations pretty much prevents what you are trying to do. Don't think of the markers on the map as being "points" but rather "hot spots" where the documents are grouped together by a range of distance. There isn't a change in functionality if the hot spot consists of 1 document or multiple.

What you can do though is combine a tilemap visualization with a data table visualization on a dashboard, and create filters using selection in the tile map, and the selection documents for the data table visualization will also be updated. You can add a field formatter to the `img` field to have it render images inside the data table.

 ![](https://us1.discourse-cdn.com/elastic/original/2X/7/7372b679dcd1a9d302f4ba05217fab8d8cc66bac.gif)

---

<div class="post-metadata">

**Author:** ![kalanit](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/kalanit/32/12846_2.png) [@kalanit](https://discuss.elastic.co/u/kalanit)\
**Post date:** [October 31, 2016, 8:15pm UTC](https://discuss.elastic.co/t/how-to-display-other-info-than-geopoint-on-map-vizualization/64462/3 "2016-10-31T20:15:20Z")

</div>

Awesome!! thank you @tsullivan

---

<div class="post-metadata">

**Author:** ![kalanit](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/kalanit/32/12846_2.png) [@kalanit](https://discuss.elastic.co/u/kalanit)\
**Post date:** [November 1, 2016, 12:43pm UTC](https://discuss.elastic.co/t/how-to-display-other-info-than-geopoint-on-map-vizualization/64462/4 "2016-11-01T12:43:50Z")

</div>

I didn't succeed to display fields contents via the table vizualization

 ![](https://us1.discourse-cdn.com/elastic/original/2X/c/c2dcfd838db31618ae68b5e1329cc8c65d41bb7f.png)

So instead I used the discover area, displayed there my fields

 ![](https://us1.discourse-cdn.com/elastic/original/2X/1/16c18ddc4d9c13396183d097ba3242ad0f6f7609.png)

then I saved the search and called it together with the map in the dashboard

 ![](https://us1.discourse-cdn.com/elastic/original/2X/c/c42d38806f485db3b88ca5e3ac0c6ac88aec2006.png)

It works great (thanks again 🙂 ) - both for geoloc results restriction, and with queries.

My only issue now is that I can not find how to use any field formatter to display image (or link to images)  
What shall I change/add ? from where?

(I managed to do it if the image is on the web, by configuring in setting the field with url type image as explained here  
[https://www.elastic.co/blog/kibana-4-1-field-formatters](https://www.elastic.co/blog/kibana-4-1-field-formatters)  
but it does not succeed to display if it is a path to an image on the disk)

If you could help a little more ... 🙂  
K.

---

<div class="post-metadata">

**Author:** ![tsullivan](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tsullivan/32/31077_2.png) [@tsullivan](https://discuss.elastic.co/u/tsullivan)\
**Post date:** [November 1, 2016, 4:40pm UTC](https://discuss.elastic.co/t/how-to-display-other-info-than-geopoint-on-map-vizualization/64462/5 "2016-11-01T16:40:09Z")

</div>

> [@kalanit](#):
>
> it does not succeed to display if it is a path to an image on the disk

You might have some luck trying different variations from this page: [File URI scheme - Wikipedia](https://en.wikipedia.org/wiki/File_URI_scheme) . If it's not working, check your browser console for error logs to see if the browser security policy is not allowing the remote site to access local content.

If nothing else is working out, your best option may be to run a lightweight webserver locally (nginx would probably be a good choice), on port 8080 for example, to serve static content from your `/home/imgs` directory. Then you can access the image using: `http://localhost:8080/imgs/xy.png`

---

<div class="post-metadata">

**Author:** ![kalanit](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/kalanit/32/12846_2.png) [@kalanit](https://discuss.elastic.co/u/kalanit)\
**Post date:** [November 1, 2016, 4:41pm UTC](https://discuss.elastic.co/t/how-to-display-other-info-than-geopoint-on-map-vizualization/64462/6 "2016-11-01T16:41:44Z")

</div>

ok I ll try  
thanks a lot again 🙂

---

<div class="post-metadata">

**Author:** ![kalanit](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/kalanit/32/12846_2.png) [@kalanit](https://discuss.elastic.co/u/kalanit)\
**Post date:** [November 17, 2016, 12:41pm UTC](https://discuss.elastic.co/t/how-to-display-other-info-than-geopoint-on-map-vizualization/64462/7 "2016-11-17T12:41:02Z")

</div>

Just for update - I installed and configured Apache to serve the images and used their localhost urls in the field  
Here is the insertion command line:  
`curl -XPOST 'http://localhost:9200/db_test/img/' -d '{"img": "http://localhost/my_images/01.jpg", "tag": ["turquoise"],"location": {"lat": "61", "lon": "-149"}}'`

And I used the kibana field formatter for string as url for image

and it worked just as fine as you recommended 🙂  
Thank you again very much @tsullivan  
K.

---

<div class="post-metadata">

**Author:** ![tsullivan](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tsullivan/32/31077_2.png) [@tsullivan](https://discuss.elastic.co/u/tsullivan)\
**Post date:** [November 17, 2016, 4:55pm UTC](https://discuss.elastic.co/t/how-to-display-other-info-than-geopoint-on-map-vizualization/64462/8 "2016-11-17T16:55:36Z")

</div>

Nice 🙂

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [July 6, 2017, 1:34pm UTC](https://discuss.elastic.co/t/how-to-display-other-info-than-geopoint-on-map-vizualization/64462/9 "2017-07-06T13:34:09Z")

</div>


