在jvector地图上的两个标记之间绘制的线的末端绘制箭头

Question

我试图在地图上的任何标记之间的线的末尾绘制一个箭头。

var map = $('#map').vectorMap('get', 'mapObject'); 
var draw = SVG('svgMapOverlay').size(660, 400); 
var coords1 = map.latLngToPoint(markerArray[0].latLng[0],markerArray[0].latLng[1]); 
var coords2 = map.latLngToPoint(markerArray[1].latLng[0],markerArray[1].latLng[1]); 
draw 
.path() 
.attr({ fill: 'none',stroke: '#c00', 'stroke-width': 2 }) 
.M(coords1.x, coords1.y) 
.L(coords2.x, coords2.y); 

我能在该行的最后两个标记，但不是箭头之间画线：我使用SVG作为创建行。我想是这样的：

http://jsfiddle.net/Z5Qkf/1/

这里是的jsfiddle的例子jvectormap http://jsfiddle.net/ruzel/V8dyd/

能否请你帮我或我新的SVG和使用JavaScript的图形对象提出一些选项SVG。谢谢

Answer 1

我做到了。

这是我做什么，如果有人正在寻找的答案： https://github.com/mushtaqak/fancyWorldMap