Qlik Community

Ask a Question

Qlik GeoAnalytics Discussions

Discussion Board for collaboration regarding Qlik GeoAnalytics.

Announcements
Talk to Experts Tuesday, January 26th at 10AM EST: Qlik Sense. REGISTER NOW
cancel
Showing results for 
Search instead for 
Did you mean: 
Contributor III
Contributor III

Geo Analytics: How to add image in a Tool tip of a Map

Dear mates,

I am trying to add some images in the Qlik Map tooltip, whenever I hover or click the point it shows the image in the tooltip. Is it possible in Qlik Sense Geo Analytics?

Here is the example image also the thing which I want.map-tooltip.jpg

2 Solutions

Accepted Solutions
Creator III
Creator III

This can be done in the info bubble. We have done this on our team with photos,Google map street view, and various custom info bubbles.

Use the following in your Custom Info Bubble for the Bubble Layer for google street view:

'<iframe src="[SOURCE URL]" width="400" height="300" frameborder="0" style="border:0;" allowfullscreen=""></iframe>'

For the other lines you can concatenate and use line breaks to get the desired info and look and feel:

&'Site Name: ' & Site_FIELD
&'<br>'
&'Address: ' & Address_FIELD
&'<br>' ......etc.

For the Source URL find the Google Street view that you want to start with. Likely facing the object you want to see. In the top left corner black box of google click the 3 dots ->Share or embed image->Embed a map->Copy HTML.

If you have several locations you can create an inline table or excel file to use a site dimension and the list of the total embed links and then just reference the field in the Info bubble. Example of info bubble:  

[Imagefield]

&'<br>'

&'TEXT: ' & [TEXTFIELD]

&'<br>'

You can even add the website in your info bubble if you would like. You use A tags for this.

'<a href="SOURCE URL"
style="color: rgb(0,255,0)"
target="_blank"> [Link Name if desired]
</a>'

View solution in original post

Creator III
Creator III

@aghabdurauf I wanted to check back in. Did this work for you?

View solution in original post

4 Replies
Creator III
Creator III

This can be done in the info bubble. We have done this on our team with photos,Google map street view, and various custom info bubbles.

Use the following in your Custom Info Bubble for the Bubble Layer for google street view:

'<iframe src="[SOURCE URL]" width="400" height="300" frameborder="0" style="border:0;" allowfullscreen=""></iframe>'

For the other lines you can concatenate and use line breaks to get the desired info and look and feel:

&'Site Name: ' & Site_FIELD
&'<br>'
&'Address: ' & Address_FIELD
&'<br>' ......etc.

For the Source URL find the Google Street view that you want to start with. Likely facing the object you want to see. In the top left corner black box of google click the 3 dots ->Share or embed image->Embed a map->Copy HTML.

If you have several locations you can create an inline table or excel file to use a site dimension and the list of the total embed links and then just reference the field in the Info bubble. Example of info bubble:  

[Imagefield]

&'<br>'

&'TEXT: ' & [TEXTFIELD]

&'<br>'

You can even add the website in your info bubble if you would like. You use A tags for this.

'<a href="SOURCE URL"
style="color: rgb(0,255,0)"
target="_blank"> [Link Name if desired]
</a>'

View solution in original post

Creator III
Creator III

@aghabdurauf I wanted to check back in. Did this work for you?

View solution in original post

Contributor III
Contributor III

@Steven_Haught  Yes, it works. 

Thanks for helping me out.

Creator III
Creator III

That's great, if possible please mark the above as the answer!