feat: render Wohngebäude as larger house icons using pointToLayer in createDbLayer
Deploy Standortplaner / deploy (push) Successful in 17s Details

This commit is contained in:
Johannes Baumeister 2026-06-25 09:05:01 +02:00
parent 866d749388
commit 40017b152a
1 changed files with 20 additions and 0 deletions

20
app.js
View File

@ -1110,6 +1110,26 @@ document.addEventListener('DOMContentLoaded', async () => {
const layer = L.geoJSON(geojsonData, { const layer = L.geoJSON(geojsonData, {
style: styleFunc, style: styleFunc,
pointToLayer: (feature, latlng) => {
if (name.toLowerCase().includes('wohngebäude')) {
return L.marker(latlng, {
icon: L.divIcon({
className: 'residential-icon',
html: '<span style="font-size: 20px; line-height: 24px;">🏠</span>',
iconSize: [24, 24],
iconAnchor: [12, 12]
})
});
}
return L.circleMarker(latlng, {
radius: 4,
fillColor: styleFunc().color || 'violet',
color: "#fff",
weight: 1,
opacity: 1,
fillOpacity: 0.8
});
},
onEachFeature: (feature, l) => { onEachFeature: (feature, l) => {
if (feature.properties) { if (feature.properties) {
let popup = `<b>${name}</b><br><hr style="margin: 5px 0; border: 0; border-top: 1px solid #444;">`; let popup = `<b>${name}</b><br><hr style="margin: 5px 0; border: 0; border-top: 1px solid #444;">`;