Playgrounds in Ishøj

Webcomponent to direct people to public playgrounds in Ishøj Kommune.

Link

Ishøj Kommunes syv offentlige legepladser

Ishøj Kommune har ansvar for vedligeholdelse af de offentlige legepladser

for alle

Code snippet for the webwidget:

<script 
  type="module"
  src="https://cdn.kort.xyz/kortxyz-components@latest/kortxyz-components.esm.js"
></script>
 
<kortxyz-maplibre 
    style="width:100%;max-width: 720px;height:500px;display:block;background: whitesmoke;"
    mapstyle="mapbox://styles/tinoks/ckewzs0im18y31ap9pna246kt" 
    center="[12.34,55.616]" 
    zoom="12"
    cooperative-gestures
mapboxkey="pk.eyJ1IjoidGlub2tzIiwiYSI6ImNsOXBnamd5ZjA3MGszb3A1MHM4N2V4cnMifQ.fRzaEBL19yDxkJAZMZ2ybA"
> 
    <kortxyz-maplibre-source
        id="legepladser"
        type="geojson"
        data="https://geofa.geodanmark.dk/api/v2/sql/fkg?q=SELECT navn, lang_beskr, geofafoto, geometri FROM fkg_foto_gpx_link.t_5800_fac_pkt WHERE facil_ty='Legeplads' AND cvr_navn='Ishøj Kommune'&format=geojson&srs=4326"
        >
        <kortxyz-maplibre-layer
            id="legepladser"
            type="circle"
            paint='{"circle-color": "#d8504d","circle-opacity": 0.8,"circle-radius": 12}'
            popup='
                <div style="width:300px;border-radius:40px">
                    <img style="width:100%" src={geofafoto} alt="no image"></img>
                    <div style="padding:10px;box-sizing:border-box">
                    <p style="font-size:14px;font-weight:bold">{navn}</p>
                    <p style="font-size:12px;color:#222">{lang_beskr}</p>
                    <div>
                </div>
            '
        >
        </kortxyz-maplibre-layer>
    </kortxyz-maplibre-source>
</kortxyz-maplibre>