Add an image to a map marker description

[Giorgio Borgonovo]

Hi,

I'm trying to show an image in the InfoBox description of a marker in a map. I see it takes html tags but I cannot use html to show the image.

Is img tag disabled?

If so, I would like to add a link in the InfoBox description and open it somewhere in the application (I'm thinking of a webViewer), but I'm not able to catch the link url when clicked and to fire it to the webView.

Someone can help me, please?

Thank you

Giorgio

[SteveJG]

You probably cannot do this Giorgio.    What can be done is described here  Marker
      

You can provide a link in the Marker.Description using Blocks showing text but it will be text, not a linkable html.  The text will display within a Marker.InfoBox but will not be clickable.  Clicking the InfoBox cannot be used to elicit a WebViewer (the InfoBox itself has no event handler click event).   Have you thought about writing  Blocks so that when a user clicks on a specific Marker that action elicits a WebViewer pointing to a Web page that shows your image (or to an Image component that would display an image stored on the device)?  Use the when Marker.Click or Marker.LongClick do  block.

You can also use a Custom Marker where the marker itself is a small image instead of a pin.

Does that help?

Regards,

Steve

[TimAI2]

You can change the marker to an image and back again, see attached video, which includes the blocks, the image is hosted on google drive

[Giorgio Borgonovo]

Thank you Steve.
Yes, it was the Plan C, and with your confirm I'll give it a try.
Thank you again,
Giorgio

[Giorgio Borgonovo]

Brilliant, Tim.
Even if it is not exactly what I was looking for I want to try it to see how it looks like.
Thank you
Giorgio

[SteveJG]

:)   Try the attached Giorgio  .   The aia shows three things you can do  (one is similar to the example provided by Tim) to display an image.

-Steve

[TimAI2]

You may also want to have a look at this thread, where you can place an image inside the marker itself.

https://groups.google.com/forum/#!starred/mitappinventortest/Ro1YjHGG2Nw

[Giorgio Borgonovo]

At the end I used this solution.

The WebViewer is not visible.

When Marker.click I make the WebViewer visible and the Map not visible.

The Map has a (close) button to reverse the visibility.

If the description begins with "FILE", the infobox is not enabled and I load a page from my server with the html for that point, so I can have the title, image, description and so on...

otherwise I show the infobox with the usual text (short) description.

It works well.

Thank you for the help!

[ABG]

(added to Maps section of FAQ)

https://groups.google.com/forum/#!msg/mitappinventortest/wqJin0qO8M0/8xUafdROAgAJ

ABG

[TimAI2]

I had also forgotten about the method used in the example below, using the map features event

This enable the grabbing of the text in the Description (Infobox) and if a url to use it. Same could be done with an image

https://groups.google.com/forum/#!msg/mitappinventortest/QfgUZEcbfxM/hLoW6onUCgAJ