Javascript 在传单中绘制方向(箭头)标记的好方法?

Javascript 在传单中绘制方向(箭头)标记的好方法?,javascript,leaflet,Javascript,Leaflet,我需要在传单中创建一个自定义标记类:标记必须包含一个方向箭头。箭头大小不应取决于缩放级别。方向应可编辑(箭头本身应可拖动) 创建一个类并起草基本编辑和事件非常容易。现在 我不知道画它的最好方法是什么。目前,我正在添加一条多段线,并在每次缩放更改时更改其端点坐标。我相信应该有一种方法可以“在像素坐标中画一条线”,但是那里的抽象太深了,不能鲁莽地潜入——像L.Browser.ie这样的东西非常可怕。有谁能告诉我,有没有更好的方法来画箭头,或者我应该使用多段线 在第二阶段,箭头需要可拖动。我显然已经勾

我需要在传单中创建一个自定义
标记
类:标记必须包含一个方向箭头。箭头大小不应取决于缩放级别。方向应可编辑(箭头本身应可拖动)

创建一个类并起草基本编辑和事件非常容易。现在

  • 我不知道画它的最好方法是什么。目前,我正在添加一条
    多段线
    ,并在每次缩放更改时更改其端点坐标。我相信应该有一种方法可以“在像素坐标中画一条线”,但是那里的抽象太深了,不能鲁莽地潜入——像
    L.Browser.ie
    这样的东西非常可怕。有谁能告诉我,有没有更好的方法来画箭头,或者我应该使用
    多段线
  • 在第二阶段,箭头需要可拖动。我显然已经勾住了必要的事件,但是应该把什么东西拖到这里?箭头应该是
    图标本身吗(我现在就是这么做的)?或者是否有一个图层/扩展可以在不创建地图对象的情况下应用拖动

  • 谢谢。

    您可以使用普通的
    .png
    图标来完成此操作

    使用插件
    只需指向上一个航路点即可创建方向箭头!或者设置自定义旋转。

    使用
    .png
    图像作为图标。列出不同种类的箭头,我认为是箭头。它使用
    L.DomUtil.TRANSFORM
    progid:DXImageTransform.Microsoft.Matrix
    旋转。不过,我只需要一个没有图标的三线箭头就可以了。也许一个与缩放无关的箭头可以是一个
    控件
    ,就像“北箭头”:。非常感谢。我也可以试试“旋转标记”的例子,它显然对任意角度都是精确的。