Adding pictures to Items

Update from admin

This post contains historical information about the solution before MapHub Images. Today, MapHub Images are a much better solution. You can read about MapHub Images in detail in the following post:


Original post

I’m making a map of our local public art (murals and statues). It would be nice if your system allowed us to attach pictures to each item we place on the map.

Looking good though!

Hi! I totally agree, making it easy to attach photos is very important on our todo list!

But even without upload support, what you can do now is to use Markdown to format your description, insert links and also to insert images. You just need to link to an image uploaded somewhere else, for example to imgur.com.

As an example, the following code would insert the MapHub logo:

![](https://forum.maphub.net/uploads/default/original/1X/f2c1b5cc5e0c39fc497a3887052abb000d8e675e.png)

Very nice.
FYI - Google Maps does not allow picture upload - I have to host them elsewhere.

Hi,
I would like that pictures I have added to my map get shown into the map (like in the example Soaringclub Prablich).
I have uploaded my pics at Imgur and I have linked as per your instructions, but once I click over the link, the image
is shown in a new window, and not in the map. Am I missing some detail? (New window pops-up regardless the size of the
picture)
Thanks for your comments and…you’re doing a good job.

Hi P61,

Thanks for your words! You have probably copied the wrong field in Imgur. The one you need is “Direct Link (email & IM)”. Can you try with that?

Hi,
tried the "Direct Link (email & IM) : unfortunately same result. Image pop-up from another window.
Thanks for any further suggestion.

Can you post your code here? I can try to look at what is wrong with it.

I have created a public map named Padova [https://maphub.net/P61/padova]
I have added 1 point named "Major’s House"
Into the description box I have pasted this link : http://i.imgur.com/q4DlEMs.jpg [Direct Link (email & IM)]

Since map is public, I hope you can check

Thanks for your help

Hi,

Thanks for sharing this! So the problem is that the description needs to be in markdown format. The code for image in markdown is a bit strange, ![](img url) code.

So in your case, the code would be:
![](http://i.imgur.com/q4DlEMs.jpg)

Sorry for making adding images so technical, I am working on a user friendly photo uploading feature.

1 Like

Thank you for your fast reply.
With your code finally it works!

Thanks a lot.

Thanks, I’m happy I could help!

Hi all,

Is there a way to change the size of these embedded pictures?

If I add a few to one marker, they are huge and take over the whole screen.

Thanks

Hi Jez,

Can you post a screenshot about how it looks? It might be a bug you are encountering, but generally I recommend having one image per point.

Zsolt

Hi Zolt, thank you for your reply.

I agree with you - I do think one image per point is tidier. However in the case where I add two (or potentially 3…), I was wondering if I was doing something wrong.

Here’s an example below:

And then when I click on the marker:

One other question:

Is it possible to change displayed text to a URL?

For example, instead of saying:

Click the following link for further information:
www.furtherinformation.com

It says:

Click here for further information

And the text itself is hyperlinked?

Yes, multiple images per item isn’t really looking nice at the moment.

Fixing the text on the other hand is quite simple, just do it the Markdown way.

[mylink](http://wikipedia.org)

will turn into mylink

1 Like

Perfect, thanks!

Is there any way to get the map for mobile phone friendly?

When clicking on a map icon, the black information box that pops up is a bit too big for a mobile phone screen.

1 Like

Hi Jez,

Yes, I’m working on making the responsive view a bit nicer on mobiles.

Zsolt

1 Like

Great, thanks.

Hello, I was wondering if Flickr images are supposed to work?

I put in this code:
but the image appears broken. Please help!