javascript - 传单 - 互动 map - 添加事件

Question

我在使用带有自行车路线的示例 map 时遇到了两个小问题。

1.目前我的 map 是这样工作的:

当您将鼠标悬停在路线上时，它会突出显示(这很好)。

当您将鼠标移出路线时，它会取消突出显示(这也很好)。

当您单击路线时，它会突出显示并缩放到要素(这很好)。

这是有问题的部分:当您单击 map 上的任意位置(而不是路线)时，路线应该取消突出显示，因此它看起来像默认 View ，没有任何突出显示，但它不会发生。我怎样才能做到这一点？我尝试了 map.on 事件，但我不确定将其放在代码中的何处。

2.有什么办法可以偏移geojson线吗？我想将它们放在虚线下方。我尝试在我的样式中设置偏移量，但它不起作用。

这是工作 map 的链接

http://mapaszlakow.eu/interactive.html

非常感谢!

Answer 1

对于问题的第一部分，要在 map 上单击路线外部时取消突出显示路线 - 您可以使用 geojson 的 map.on(..) 函数来解决此问题:

var geojson = L.geoJson(szlaki, {
  onEachFeature: function(feature, layer) {
    layer.on({
      ...
      }
    }); 

    map.on({
      'click': function(e) {
        geojson.resetStyle(layer);
        info.update();
        selected = null;
      }
    });

  }
}).addTo(map);

代码笔示例:http://codepen.io/dagmara223/pen/LWbpqP

<小时/>

关于第二个问题，你尝试过Leaflet.PolylineOffset plugin吗？ ？