Hi, im trying to do this with google maps but im confused:
I want to place images in the map, so im creating custom markers which
are the mini-thumbnails.
I want those thumbnails to have a 1px white border (just like
www.panoramio.com), so im trying this:

function createMarker(point,thumb_url,) {
        var icon = new GIcon();
        icon.image = thumb_url;
        icon.shadow = "";
        icon.iconSize = new GSize(35, 35);
        icon.iconAnchor = new GPoint(0, 0);
        var marker = new GMarker(point, icon);
        map.addOverlay(marker);
        marker.T[0].setStyle('border','solid 1px #FFF');
        return;

but im seeing that for each marker, it creates 2 <img /> elements with
same properties. So, the border styles is applied just to one of them,
and it happens to be the one on the back.

What im wondering is why is this creating 2 image elements ?!

thanks in advance

Panoramio do it by using images that have a white border painted onto
them. If you're using a graphics application script to produce the
thumbnail images from the full size images, then the easiest thing to do
is to add code to that script to add the border.

Or you could use GIcon.label, making your "main" image be a blank white
37*37 square and using the thumb as a label.
http://econym.googlepages.com/label.htm

Perhaps it creates the shadow <img> even if you're not using it.

--
http://econym.googlepages.com/index.htm
The Blackpool Community Church Javascript Team