鼠标悬停在传单Map上时显示边缘信息?

tyky79it  于 2021-09-13  发布在  Java
关注(0)|答案(1)|浏览(442)

我已经(收到)一个带有传单Map的html页面。我想显示边(链接)信息时,鼠标在(或悬停?)。我可以通过以下命令'roads.togeojson().features从html javascript获取数据

Roads.eachLayer(function (layer) {
            layer.on({
              'mouseout': function(){
                  layer.setStyle({fillColor: colorscale(mydata.speed)})
            },
              'mouseover': layer.bindPopup(layer.feature.properties.edge_id)
          })
        });

哪里 Roads 等于 geo_json_118de89d5f914e07964f4fe5889a9bb6 定义为

var geo_json_118de89d5f914e07964f4fe5889a9bb6 = L.geoJson(null, {
                smoothFactor: 1,
                onEachFeature: geo_json_118de89d5f914e07964f4fe5889a9bb6_onEachFeature,

                style: geo_json_118de89d5f914e07964f4fe5889a9bb6_styler,
        });

为了更好地理解,这里是一个html文件的示例https://jsfiddle.net/5ptfuqk9/

vsikbqxv

vsikbqxv1#

这个 L.Tooltip 这对这个案子很有帮助。默认情况下,它仅显示在鼠标上方。独木舟

geo_json_6e3c60c8b0b046c1a06eb56942730a3a.eachLayer(function (layer) {
            layer.bindTooltip("Id "+layer.feature.properties.edge_id)
        });

https://jsfiddle.net/falkedesign/7esauf9q/

相关问题