Javascript 工具提示未显示且没有错误记录

Javascript 工具提示未显示且没有错误记录,javascript,Javascript,我正在尝试使用点到层绑定工具提示。没有错误记录到控制台,并且我没有得到在我的存储标记上显示的工具提示的预期行为。下面的代码中有任何东西向你跳出来吗 var storesLayer = L.geoJson(stores, { pointToLayer: function (feature, latlng) { return L.circleMarker(latlng); }, style: function (feature) {

我正在尝试使用点到层绑定工具提示。没有错误记录到控制台,并且我没有得到在我的存储标记上显示的工具提示的预期行为。下面的代码中有任何东西向你跳出来吗

      var storesLayer = L.geoJson(stores, {
      pointToLayer: function (feature, latlng) {
        return L.circleMarker(latlng);
      },
      style: function (feature) {
        return {
          color: false,
          fillColor: '#083359',
          fillOpacity: '1',
          radius: 10
        }


   var popup = `${feature.STORE_NAME}`
     layer.bindToolTip(popup);
      }
      }).addTo(map);
      //console.log(feature.properties.STORE_NAME);
     // var popup = `${feature.properties.STORE_NAME}`
     // latLng.bindPopup(popup)

    // change opacity of store features outside of 1km to .1
    map.on('click', function (e) {
      storesLayer.eachLayer(function (layer) {
        var distance = e.latlng.distanceTo(layer.getLatLng()) / 1000;

        if (distance > 1) {
          layer.setStyle({
            stroke: false,
            fillOpacity: .1
          });
        } else {
          layer.setStyle({
            fill: true
          });
        }
      });
    })

我想出来了。我需要添加onEachFeature选项:

      var storesLayer = L.geoJson(stores, {
        pointToLayer: function (feature, latlng) {
          return L.circleMarker(latlng);
        },
        style: function (feature) {
          return {
            color: false,
            fillColor: '#083359',
            fillOpacity: '1',
            radius: 10
          }
        },


        onEachFeature: function (feature, layer) {
          layer.bindTooltip(`<h3>${feature.properties.STORE_NAME}</h3>`);
        }
      }).addTo(map);
var storesLayer=L.geoJson(存储{
pointToLayer:功能(特性、latlng){
返回L.circleMarker(latlng);
},
风格:功能(特征){
返回{
颜色:假,
填充颜色:'#083359',
fillOpacity:'1',
半径:10
}
},
onEachFeature:功能(功能,图层){
layer.bindTooltip(`${feature.properties.STORE_NAME}`);
}
}).addTo(地图);

我想出来了。我需要添加onEachFeature选项:

      var storesLayer = L.geoJson(stores, {
        pointToLayer: function (feature, latlng) {
          return L.circleMarker(latlng);
        },
        style: function (feature) {
          return {
            color: false,
            fillColor: '#083359',
            fillOpacity: '1',
            radius: 10
          }
        },


        onEachFeature: function (feature, layer) {
          layer.bindTooltip(`<h3>${feature.properties.STORE_NAME}</h3>`);
        }
      }).addTo(map);
var storesLayer=L.geoJson(存储{
pointToLayer:功能(特性、latlng){
返回L.circleMarker(latlng);
},
风格:功能(特征){
返回{
颜色:假,
填充颜色:'#083359',
fillOpacity:'1',
半径:10
}
},
onEachFeature:功能(功能,图层){
layer.bindTooltip(`${feature.properties.STORE_NAME}`);
}
}).addTo(地图);