title: How to move a geometry along a image?
body: <p>I draw a <code>lineString</code> and add a <code>"drawend"</code> event to add image to the end of <code>lineString</code>. Now I want to move the image to a position by <code>translate interaction</code>, it works,  but the endpoint of <code>lineString</code> didn't move along the image.</p>
  
  <p>Does someone know how to make the <strong>last coordinate</strong> of  <code>linestring</code> move along with the image coordinate. I want to bind them, then i can move them together. Here is example <a href="http://jsfiddle.net/Wenhua1224/kux7fw49/2/" rel="nofollow">http://jsfiddle.net/Wenhua1224/kux7fw49/2/</a></p>
  
  <pre><code>document.getElementById('move').onclick = function (){
    map.addInteraction(select);
    map.addInteraction(translate);
    map.removeInteraction(interaction);
  };
  </code></pre>