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(地图);