我正在尝试在地图上任何标记之间的线的末端绘制一个箭头。我正在使用svg创建行：
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);
我能够在两个标记之间绘制线条，但不能在线条末尾绘制箭头。我想要的是这样的：
这是JSFiddle http://jsfiddle.net/ruzel/V8dyd/上的示例jvectormap
您能帮我什么忙还是建议一些选项，因为我是SVG的新手，并使用SVG在JavaScript中绘制对象。谢谢
我做到了。
如果有人正在寻找答案，这就是我所做的：https : //github.com/mushtaqak/fancyWorldMap
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句