Question

I’m using this code:

<div id="m1" class="drag"; title="CARS"
   style="position:absolute; left:0px; top:0px; width:32px; height:32px;">
 <img src="http://mapicons.nicolasmollet.com/wp-content/uploads/mapicons/shape-default/color-ff8a22/shapecolor-color/shadow-1/border-dark/symbolstyle-white/symbolshadowstyle-dark/gradient-no/sportscar.png"
   width="32" height="32" alt="" />
</div>

when I get the mouse over it shows correctly the title CARS, then I drag the marker to the google maps, a new marker replaces the one I’ve just dragged but the title CARS does not show again at the same place where the original marker was.

Is there a way to fix this? I’ve tried this.title but it makes the marker undraggable.

Thanks in advance for your time.

Answer 1

give the title to the img, not the div

Edit:

I think the fault is in your javascript.

// Append icon
  var img = document.createElement("img");
  img.src = obj.firstChild.getAttribute("src");
  img.style.width = "32px";
  img.style.height = "32px";
  m.appendChild(img);
  drag_area.replaceChild(m, obj);

I think you are missing

img.title = obj.firstChild.getAttribute(“title”);