将多边形用作带有传单的标记

时间:2019-04-10 00:37:26

标签: javascript leaflet maps overlay polygon

我目前有一个带有物品位置的游戏地图,我想将动物添加到侧边栏/图例,但是作为多边形而不是标记,我知道了如何绘制多边形,但无法弄清楚使其仅在从图例中选择时才显示(甚至是如何在图例中添加一个)。很抱歉这个非常基本的问题。

我真的很陌生,我只是开始学习有关制作游戏地图的传单,所以我不确定如何解释自己所做的事情。.所以我会尽力而为:

我有一个标记列表,例如:     var marker_combulbrsh2 = L.marker([-1474, 2661.5]) .bindPopup('Common Bullbrush');

,然后我有了具有如下线条的图层组:     var lg_combulbrsh = L.layerGroup([ marker_combulbrsh1, marker_combulbrsh2 ]);

,然后是一个包含图层组的覆盖列表,例如:     "<i>Common Bullbrush" : lg_combulbrsh,

然后,我将它们显示在地图上:     L.control.layers(null, overlays, {collapsed:true, position: 'topleft'}).addTo(map);

我想添加一系列可以从侧面板/图例选择的多边形,就像上面的L.marker一样,这样我就不必添加靠近在一起的单个位置来添加动物在地图上的位置。

`var polygonPoints = [
    [-2263, 432],
    [-2361, 435],
    [-2337, 674],
    [-2263, 432]];
  var poly = L.polygon(polygonPoints).addTo(map);`

上面的代码绘制了我想绘制的多边形,但是它永久存在,我还无法弄清楚如何使其成为像L.markers这样的可选项目。我认为我必须以某种方式将多边形添加为标记,然后将该标记添加到图层组并在覆盖列表中为其创建一个条目,然后通过L.control.layers显示它们-我只是无法包装我的随便看看。

再次

对这个非常基本的问题感到抱歉,并感谢所有阅读的人。如果您能够解决此问题,并且希望将信用额添加到网站上,并提供指向您的工作或社交媒体的链接,或者我很乐意这样做。

0 个答案:

没有答案