【问题标题】:Leaflet - geoJSON multipolygon - bindPopup with bindTooltipLeaflet - geoJSON multipolygon - bindPopup 与 bindTooltip
【发布时间】:2021-02-11 09:38:36
【问题描述】:

在传单方面,我是一个完整的初学者,但在介绍课程之后,我正在缓慢但肯定地学习绳索。我已经阅读了 Leaflet 文档,但我仍然无法在单击时将永久工具提示(标签)与 bindPopup 结合起来。

我可以成功地做一个或另一个,但不能同时做。请参阅下面的代码,了解我当前的代码,这些代码标记了我的 geoJSON 多面体的每个特征。我现在还想在单击该要素多边形时在弹出窗口中显示来自 geoJSON 的要素属性信息。

      var lyrNeighbourhoods= new L.GeoJSON.AJAX("data/Neigh_Demo1.geojson",
            {style: {weight:1, fillOpacity:0.1},
            onEachFeature: function (feature, layer) {
            layer.bindTooltip(feature.properties.Neigh_Name, {direction:"center",permanent:true, 
            className: 'labelstyle'});
      }
      }).addTo(mymap);

我已经为此绞尽脑汁太久了。任何帮助表示赞赏。

【问题讨论】:

    标签: leaflet


    【解决方案1】:

    在您的 onEachFeature 选项函数中,没有什么可以阻止您将弹出窗口也附加到您的图层:

    function (feature, layer) {
      layer.bindTooltip(feature.properties.Neigh_Name, {
        direction: "center",
        permanent: true, 
        className: 'labelstyle'
      });
      layer.bindPopup("My popup content");
    }
    

    【讨论】:

    • 这很有效,而且很容易,以至于我把脸埋进了手掌里。我认为我的问题源于我的脚本组织以及阅读时的混乱程度。再次感谢您,
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-09-24
    • 2020-10-31
    • 2023-04-08
    • 1970-01-01
    • 2022-09-28
    相关资源
    最近更新 更多