在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