温馨提示:本文翻译自stackoverflow.com,查看原文请点击:javascript - Good way to draw a directional (arrowed) marker in Leaflet?
javascript leaflet

javascript - 在Leaflet中绘制方向(箭头)标记的好方法?

发布于 2020-04-16 14:25:51

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

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

  1. 我不确定绘制它的最佳方法是什么。目前,Polyline每次缩放更改时,我都会添加和更改其结束坐标。我相信应该有一种“只在像素坐标中画一条线”的方法,但是那里的抽象太深了,无法鲁dive地潜水了-诸如此类L.Browser.ie事情非常可怕。谁能告诉我,有没有更好的画箭头的方法,还是我应该选择Polyline
  2. 在第二阶段,箭头需要可拖动。我显然迷上了必要的事件,但是应该将哪个对象拖到此处?箭头是否应该Icon本身(我现在要做的是)?还是存在可以在不创建 map对象的情况下进行拖动的图层/扩展?

谢谢。

查看更多

提问者
Simon The
被浏览
951
Erevald 2014-09-04 08:04

您可以使用普通.png图标来做到这一点

http://codepen.io/anon/pen/qJbgm