如何在传单中使用 polylinedecorator 插件？

Question

我是html和传单的新手，我不知道如何使用传单中的插件现在我正在使用折线装饰器插件，但我不知道如何正确使用它我正在尝试按照互联网上的教程进行操作，这里是我的代码

var arrow = L.polyline([[107.63576,-2.72322], [107.65699,-2.7366]], {}).addTo(map);
    var arrowHead = L.polylineDecorator(arrow, {
        patterns: [
            {offset: '100%', repeat: 0, symbol: L.Symbol.arrowHead({pixelSize: 15, polygon: false, pathOptions: {stroke: true}})}
        ]
    }).addTo(map);

这是我的头部分

<head>
    <title></title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css"
    integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ=="
    crossorigin=""/>
     <!-- Make sure you put this AFTER Leaflet's CSS -->
   <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js"
   integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw=="
   crossorigin=""></script>
  <script src="polyline/dist/leaflet.polylineDecorator.js"></script>
  <script src="polyline/src/L.polylineDecorator.js"></script>
</head>

Answer 1

您在 L.polyline 的调用中交换了纬度和经度。试试这一行：

var arrow = L.polyline([[-2.72322, 107.63576], [-2.7366, 107.65699]], {}).addTo(mymap);

如何在传单中使用 polylinedecorator 插件？

How to use polylinedecorator plugins in leaflet?

javascript

leaflet

polyline-decorator