Более одного «Oneachefeature» листовка
-
21-12-2019 - |
Вопрос
Я пытаюсь объединить две функции на одном слое, но не могу поставить их на работу одновременно.Один из них подчеркивает то, что курсор зависает, а другой - получить информацию на всплывающем окне.Я использовал этот руководстве по выделению: http://leafletjs.com/examples/choropleth.html (Добавление части взаимодействия, попыталась просто объединить это на рабочую информацию всплывающее слою).Кроме того, в данный момент он подчеркивает на колесе, но было бы неплохо, если бы он выделил на клик. Код:
function style(feature) {
return {
fillColor: 'blue',
weight: 2,
opacity: 1,
color: 'grey',
dashArray: '3',
fillOpacity: 0.7
};
}
L.geoJson(piirid, {style: style});
function highlightFeature(e) {
var layer = e.target;
layer.setStyle({
weight: 5,
color: '#666',
dashArray: '',
fillOpacity: 0.7
});
if (!L.Browser.ie && !L.Browser.opera) {
layer.bringToFront();
}
}
function resetHighlight(e) {
geojson.resetStyle(e.target);
}
var geojson;
// ... our listeners
geojson = L.geoJson(piirid);
function zoomToFeature(e) {
map.fitBounds(e.target.getBounds());
}
function onEachFeature3(feature, layer) {
layer.on({
mouseover: highlightFeature,
mouseout: resetHighlight,
//click: zoomToFeature
});
}
geojson = L.geoJson(piirid, {
style: style,
onEachFeature: onEachFeature,
onEachFeature: onEachFeature3
});
function onEachFeature(feature, layer) {
if (feature.properties) {
layer.bindPopup("<br><b><big><u>Aadresss: " + feature.properties.L_AADRESS + "</br></b></big></u><br> <b>Maakond: </b>" + feature.properties.MK_NIMI
+ " <br><br>", {"offset": [200, -50]});
}
}
.
Спасибо, Кристан
Решение
объединить две функции, они используют одни и те же параметры, могут также быть выполнены как одна функция.
function style(feature) {
return {
fillColor: 'blue',
weight: 2,
opacity: 1,
color: 'grey',
dashArray: '3',
fillOpacity: 0.7
};
}
L.geoJson(piirid, {style: style});
function highlightFeature(e) {
var layer = e.target;
layer.setStyle({
weight: 5,
color: '#666',
dashArray: '',
fillOpacity: 0.7
});
if (!L.Browser.ie && !L.Browser.opera) {
layer.bringToFront();
}
}
function resetHighlight(e) {
geojson.resetStyle(e.target);
}
var geojson;
// ... our listeners
geojson = L.geoJson(piirid);
function zoomToFeature(e) {
map.fitBounds(e.target.getBounds());
}
function onEachFeature3(feature, layer) {
layer.on({
mouseover: highlightFeature,
mouseout: resetHighlight,
//click: zoomToFeature
});
if (feature.properties) {
layer.bindPopup("<br><b><big><u>Aadresss: " + feature.properties.L_AADRESS + "</br></b></big></u><br> <b>Maakond: </b>" + feature.properties.MK_NIMI
+ " <br><br>", {"offset": [200, -50]});
}
}
geojson = L.geoJson(piirid, {
style: style,
onEachFeature: onEachFeature3
});
. Не связан с StackOverflow