I've linked image header to my map, I normally can view it while editing it. Then, when I publish it via link or embed code, the image doesn't appear, only a gray color.

I customized HTML code only by changing the height. This is the code, is there something wrong?

<div class="cartodb-popup header with-image v2" data-cover="true">

x Non-valid picture URL նկարագրություն


1 Answer 1


If you could send us a link to the map we could probably give you a better solution, but I think this is caused by a known bug that reorders the columns in the infowindows.

As you might already know, the column that contains the image URL must be the first one in the list of columns in the infowindow wizard (even though when you're using custom code!). What this bug provokes is that for custom infowindows, the columns are retrieved alphabetically instead of taking into account the order that the user selected. This raises the error that the URL is not valid (because it's obtaining probably any other column) when the map is shared.

In order to sort it out, I recommend to do a small hack to make sure your URL column will be always the first when the system reorders them alphabetically. You could rename it as _url, as the _ character takes precedence over letters and numbers.

If this trick doesn't solve your problem, please let us know more details!

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.