簡體   English   中英

如何在傳單中使用polylinedecorator插件?

[英]How to use polylinedecorator plugins in leaflet?

我是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> 

您可以在對L.polyline的調用中交換緯度和經度。 嘗試以下這一行:

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM