Adding pictures to Items

feature-request

(Zechariah Stover) #1

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!


(Zsolt Ero) #2

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)

(Zechariah Stover) #3

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


#4

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.


(Zsolt Ero) #5

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?


#6

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


(Zsolt Ero) #7

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


#8

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


(Zsolt Ero) #9

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.


#10

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

Thanks a lot.


(Zsolt Ero) #11

Thanks, I’m happy I could help!


#12

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


(Zsolt Ero) #13

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


#14

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:


#15

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?


(Zsolt Ero) #16

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


#17

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.


(Zsolt Ero) #18

Hi Jez,

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

Zsolt


#19

Great, thanks.


#20

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

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