1 2 3 4<!DOCTYPE html> 5<html lang="da"> 6 7<head> 8 <meta charset="utf-8" /> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 10 11 <title>Køge Kyst | En levende og mangfoldig bydel mellem Køges bymidte og havet</title> 12<meta name="description" content="I bydelen Køge Kyst skyder der i disse år en mangfoldighed af ejer- og lejeboliger op mellem Køges gamle bymidte og havet"> 13 14 <meta property="og:title" content="Køge Kyst | En levende og mangfoldig bydel mellem Køges bymidte og havet"/> 15 16 17
17<script crossorigin="anonymous" integrity="sha384-dKTEO8VzZTIiEEz2qr4w2bVIIymjPmx1FBadZi7LrMNctUGEjjPUIec/phhqjHLH" src="https://api.mapbox.com/mapbox-gl-js/v1.2.0/mapbox-gl.js"></script>
17 18 <link crossorigin="anonymous" href="https://api.mapbox.com/mapbox-gl-js/v1.2.0/mapbox-gl.css" integrity="sha384-uzVtqbBtD0LlKxAac9xVG/dhmKHEi0yxRV2abA11+gNDMz6u8UnlJ9hvx4mugpf/" rel="stylesheet"></link> 19 <link href="/content/main.css" rel="stylesheet"></link> 20 21 22
22<script> 23 dataLayer = [{ 24 'projectTitle': 'Naerheden', 25 'event': 'howeronProject' 26 }]; 27 </script>
27 28 29
29<script src="/polyfill/v3/polyfill.min.js?features=Array.prototype.find%2CString.prototype.includes%2CArray.prototype.includes"></script>
29 30
30<script src="/content/main.js"></script>
30 31
31<script async="True" crossorigin="anonymous" integrity="sha384-dBo7K67Ql3VCbsnnnv4Ooln0dQckF64+vgnSdbIYj/8HAT4XvlIJkmgwmOx1HWgu" src="https://cdn.jsdelivr.net/npm/[email protected]/widget.module.min.js" type="module"></script>
31 32 33
33<script id="CookieConsent" src="https://policy.app.cookieinformation.com/uc.js" 34 data-culture="DA" type="text/javascript"></script>
34 35 36<!-- Google Tag Manager -->
37<script>
vendor: 327 bytes, lines 37-41
37(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 38new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 39j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 40'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 41})(window,document,'script','dataLayer','
41GTM-M5M4CT9
vendor: 3 bytes, line 41
41');
41</script>
41 42<!-- End Google Tag Manager --> 43 44<!-- Privacy-friendly analytics by Plausible -->
45<script async src="https://plausible.io/js/pa-jLBPlHZgqvj8XBQ8szVUz.js"></script>
vendor: 1 bytes, line 45
45
46<script> 47 window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}}; 48 plausible.init() 49</script>
49 50 51
52<script src="https://heyoverlay.com/js/core.js"></script>
vendor: 1 bytes, line 52
52
53<script src="https://heyoverlay.com/userscripts/0a959de7-50b4-44d2-92dc-925edb9bd858.js"></script>
53 54</head> 55 56<body class="theme-koegekyst"> 57 58 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 58-59
58 59<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
59GTM-M5M4CT9
vendor: 83 bytes, lines 59-60
59" 60height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
61<!-- End Google Tag Manager (noscript) --> 62 63 <main class="main "> 64 65<header class="c-header "> 66 <div class="c-header__mobile"> 67 <a href="/" aria-label="koegekyst"> 68 <div class=" c-logo"> 69 <svg class="u-icon--kanalbyen-logo "> 70 <use xlink:href="/content/assets/icons.svg#koegekyst_logo" /> 71 </svg> 72 </div> 73 </a> 74 <button type="button" class="mobile-nav-toggle-button" 75 onclick="document.getElementsByTagName('header')[0].classList.toggle('menu-is-open');" 76 aria-label="koegekyst menu"> 77 <span></span> 78 </button> 79 </div> 80 <div class="c-header__inner"> 81 <a href="/" aria-label="koegekyst"> 82 <div class="c-logo"> 83 <svg class="u-icon--kanalbyen-logo "> 84 <use xlink:href="/content/assets/icons.svg#koegekyst_logo" /> 85 </svg> 86 </div> 87 </a> 88 <nav class="c-header__nav"> 89 <ul class="c-header__nav-list"> 90 <li class="c-header__nav-list-item has-dropdown"> 91 <div class="c-header__nav-text"> 92 <a href="/boliger/" 93 class="c-header__nav-item u-reset-a">Boliger</a> 94 <div class="c-header__nav-expand-dropdown"> 95 <div class="c-header__nav-expand-dropdown-wrap"> 96 <span class="c-header__nav-expand-dropdown-icon"></span> 97 </div> 98 </div> 99 </div> 100 <ul class="c-header__nav-dropdown"> 101 <li class="c-header__nav-dropdown-item"> 102 <a href="/boliger/ejerboliger/" class="u-reset-a">Ejerboliger</a> 103 </li> 104 <li class="c-header__nav-dropdown-item"> 105 <a href="/boliger/lejeboliger/" class="u-reset-a">Lejeboliger</a> 106 </li> 107 </ul> 108 </li> 109 <li class="c-header__nav-list-item has-dropdown"> 110 <div class="c-header__nav-text"> 111 <a href="/byen/" 112 class="c-header__nav-item u-reset-a">Byen</a> 113 <div class="c-header__nav-expand-dropdown"> 114 <div class="c-header__nav-expand-dropdown-wrap"> 115 <span class="c-header__nav-expand-dropdown-icon"></span> 116 </div> 117 </div> 118 </div> 119 <ul class="c-header__nav-dropdown"> 120 <li class="c-header__nav-dropdown-item"> 121 <a href="/byen/hav-og-strand/" class="u-reset-a">Hav og strand</a> 122 </li> 123 <li class="c-header__nav-dropdown-item"> 124 <a href="/byen/indkoeb-og-shopping/" class="u-reset-a">Indkøb og shopping</a> 125 </li> 126 <li class="c-header__nav-dropdown-item"> 127 <a href="/byen/kultur-og-oplevelser/" class="u-reset-a">Kultur og oplevelser</a> 128 </li> 129 <li class="c-header__nav-dropdown-item"> 130 <a href="/byen/arkitektur-og-steder/" class="u-reset-a">Arkitektur og steder</a> 131 </li> 132 <li class="c-header__nav-dropdown-item"> 133 <a href="/byen/skoler-og-daginstitutioner/" class="u-reset-a">Skoler og daginstitutioner</a> 134 </li> 135 <li class="c-header__nav-dropdown-item"> 136 <a href="/byen/parkering/" class="u-reset-a">Parkering</a> 137 </li> 138 <li class="c-header__nav-dropdown-item"> 139 <a href="/byen/bydelsforeningen-soendre-havn/" class="u-reset-a">Bydelsforeningen Søndre Havn</a> 140 </li> 141 <li class="c-header__nav-dropdown-item"> 142 <a href="/byen/guidet-byvandring-i-koege-kyst-omraadet/" class="u-reset-a">Guidet byvandring i Køge Kyst-området</a> 143 </li> 144 </ul> 145 </li> 146 <li class="c-header__nav-list-item has-dropdown"> 147 <div class="c-header__nav-text"> 148 <a href="/byudvikling/" 149 class="c-header__nav-item u-reset-a">Byudvikling</a> 150 <div class="c-header__nav-expand-dropdown"> 151 <div class="c-header__nav-expand-dropdown-wrap">
152 <span class="c-header__nav-expand-dropdown-icon"></span> 153 </div> 154 </div> 155 </div> 156 <ul class="c-header__nav-dropdown"> 157 <li class="c-header__nav-dropdown-item"> 158 <a href="/byudvikling/byggeri-og-anlaeg/" class="u-reset-a">Byggeri og anlæg</a> 159 </li> 160 <li class="c-header__nav-dropdown-item"> 161 <a href="/byudvikling/udviklingsplan/" class="u-reset-a">Udviklingsplan</a> 162 </li> 163 <li class="c-header__nav-dropdown-item"> 164 <a href="/byudvikling/saa-langt-er-koege-kyst/" class="u-reset-a">Så langt er Køge Kyst</a> 165 </li> 166 <li class="c-header__nav-dropdown-item"> 167 <a href="/byudvikling/historien-bag-koege-kyst/" class="u-reset-a">Historien bag Køge Kyst</a> 168 </li> 169 <li class="c-header__nav-dropdown-item"> 170 <a href="/byudvikling/arkaeologi/" class="u-reset-a">Arkæologi</a> 171 </li> 172 <li class="c-header__nav-dropdown-item"> 173 <a href="/byudvikling/underfoering-mellem-by-og-havn/" class="u-reset-a">Underføring mellem by og havn</a> 174 </li> 175 </ul> 176 </li> 177 <li class="c-header__nav-list-item has-dropdown"> 178 <div class="c-header__nav-text"> 179 <a href="/investor/" 180 class="c-header__nav-item u-reset-a">Investor</a> 181 <div class="c-header__nav-expand-dropdown"> 182 <div class="c-header__nav-expand-dropdown-wrap"> 183 <span class="c-header__nav-expand-dropdown-icon"></span> 184 </div> 185 </div> 186 </div> 187 <ul class="c-header__nav-dropdown"> 188 </ul> 189 </li> 190 <li class="c-header__nav-list-item has-dropdown"> 191 <div class="c-header__nav-text"> 192 <a href="/om-os/" 193 class="c-header__nav-item u-reset-a">Om os</a> 194 <div class="c-header__nav-expand-dropdown"> 195 <div class="c-header__nav-expand-dropdown-wrap"> 196 <span class="c-header__nav-expand-dropdown-icon"></span> 197 </div> 198 </div> 199 </div> 200 <ul class="c-header__nav-dropdown"> 201 <li class="c-header__nav-dropdown-item"> 202 <a href="/om-os/organisation/" class="u-reset-a">Organisation</a> 203 </li> 204 <li class="c-header__nav-dropdown-item"> 205 <a href="/om-os/kontakt-koege-kyst/" class="u-reset-a">Kontakt</a> 206 </li> 207 <li class="c-header__nav-dropdown-item"> 208 <a href="/om-os/nyheder/" class="u-reset-a">
208Nyheder</a> 209 </li> 210 <li class="c-header__nav-dropdown-item"> 211 <a href="/om-os/tilmeld-nyhedsbrev/" class="u-reset-a">Tilmeld nyhedsbrev</a> 212 </li> 213 </ul> 214 </li> 215 </ul> 216 </nav> 217 </div> 218</header> 219 220 221 222 223 224 <section class="c-hero c-hero--video " > 225 <video playsinline autoplay muted loop poster="" class="c-hero__video" data-object-fit="cover"> 226 <source src="/media/bmmp5ath/hero5.mp4" type="video/mp4"> 227 </video> 228 <div class="c-hero__content" style="color: white"> 229 230 231 232<div class="o-container"> 233 <div class="o-container__inner"> 234 <h1>En levende og mangfoldig bydel</h1> 235 <h5>Mange forskellige boliger skyder i disse år op mellem Køges gamle bymidte og vandet</h5> 236 <div class="c-hero__play-video"> 237 238 239 </div> 240 </div> 241 242</div> 243 </div> 244 </section> 245<div class="c-social-wrapper"> 246 <div class="c-social c-social--vertical "> 247 248 <ul class="c-social__icons u-reset-ul"> 249 <li> 250 <a href="https://www.facebook.com/kkbyliv/" target="_blank" class="u-reset-a" aria-label="Facebook" > 251 <svg class="u-icon--l "> 252 <use xlink:href="/assets/icons.svg#facebook_icon" /> 253 </svg> 254 </a> 255 </li> 256 <li> 257 <a href="https://www.linkedin.com/company/k%C3%B8ge-kyst/?viewAsMember=true" target="_blank" class="u-reset-a" aria-label="LinkedIn" > 258 <svg class="u-icon--l "> 259 <use xlink:href="/assets/icons.svg#linkedIn_icon" /> 260 </svg> 261 </a> 262 </li> 263 </ul> 264 265 266 </div> 267</div> 268 269 <div class="o-container"> 270 <div class="o-container__inner"> 271 272 273 274<div class="c-text-media-block c-text-media-block--with-media c-text-media-block--media-right"> 275 <div class="c-text-media-block__inner"> 276 <div class="c-text-media-block__image"> 277 <img src="/media/ukvno0kh/hav-og-strand.jpg?width=640&height=480" 278 alt="Hav Og Strand" /> 279 </div> 280 281 <div class="c-text-media-block__content c-rte"> 282 <h4>Bo tæt på strand, natur og Køges hyggelige bymidte</h4> 283 <p>Køges centrale havne- og stationsomrÃ¥de bliver i disse Ã¥r omdannet til et attraktivt og levende omrÃ¥de med masser af boliger - tæt pÃ¥ badestrand, strandeng, grønne omrÃ¥der og den historiske købstad.</p> 284<p>Hvad enten du er pÃ¥ udkig efter at købe en bolig, bo til leje - eller være en del af nye fællesskabsorienterede boformer, kan du finde din bolig her - eller du kan danne dig et indtryk af bydelen!</p> 285<p> </p> 286 <div class="c-text-media-block__buttons"> 287 <a href="/boliger/" class="c-btn c-btn--primary"> 288 Se boliger her 289 <span class="c-btn__icon "> 290 <svg class="u-icon--m "> 291 <use xlink:href="/assets/icons.svg#cta_arrow" /> 292 </svg> 293 </span> 294 </a> 295 <a href="/byen/" class="c-btn c-btn--secondary"> 296 Gå på opdagelse i byen 297 <span class="c-btn__icon "> 298 <svg class="u-icon--m "> 299 <use xlink:href="/assets/icons.svg#cta_arrow" /> 300 </svg> 301 </span> 302 </a> 303 </div> 304 </div> 305 </div> 306</div> 307 </div> 308 </div> 309 310 311 312<div class="c-slider-section o-container"> 313 <div class="o-container__inner u-margin-top-reset u-margin-bottom-reset"> 314 <h4>Aktuelle boliger</h4> 315 <div class="c-slider swiper"> 316 <div class="c-slider__wrapper swiper-wrapper"> 317 <div class="swiper-slide"> 318 319 320 321<div class="c-card">
322 <a href="/boliger/svanen/" class="c-card__img"> 323 <img src="/media/wmwgxbka/svanen-normalcard.jpg?width=530&height=700" data-object-fit="cover" 324 alt="Svanen"> 325 </a> 326 <div class="c-card__text"> 327 <h5 class="c-card__title"> 328 <a href="/boliger/svanen/" class="c-card__heading-link"> 329 Svanen 330 <span class="c-btn__icon "> 331 <svg class="u-icon u-icon--m"> 332 <use 333 xlink:href="/assets/icons.svg#cta_arrow" /> 334 </svg> 335 </span> 336 </a> 337 </h5> 338 339 Lejeboliger midt på Søndre Havn. 340 </div> 341</div> 342 </div> 343 <div class="swiper-slide"> 344 345 346 347<div class="c-card"> 348 <a href="/boliger/tovvaerket/" class="c-card__img"> 349 <img src="/media/ijxhhiys/80167_tovvaerket-sh5-4_ext_001_gaden_crop-web.jpg?width=530&height=700" data-object-fit="cover" 350 alt="Tovværket - visualisering"> 351 </a> 352 <div class="c-card__text"> 353 <h5 class="c-card__title"> 354 <a href="/boliger/tovvaerket/" class="c-card__heading-link"> 355 Tovværket 356 <span class="c-btn__icon "> 357 <svg class="u-icon u-icon--m"> 358 <use 359 xlink:href="/assets/icons.svg#cta_arrow" /> 360 </svg> 361 </span> 362 </a> 363 </h5> 364 365 Ejerboliger på det nordlige Søndre Havn. 366 </div> 367</div> 368 </div> 369 <div class="swiper-slide"> 370 371 372 373<div class="c-card"> 374 <a href="/boliger/gyldenloeve/" class="c-card__img"> 375 <img src="/media/lcpdim3e/soendre-kyst-gyldenloeve.jpg?width=530&height=700" data-object-fit="cover" 376 alt="Soendre Kyst Gyldenloeve"> 377 </a> 378 <div class="c-card__text"> 379 <h5 class="c-card__title"> 380 <a href="/boliger/gyldenloeve/" class="c-card__heading-link"> 381 Gyldenløve 382 <span class="c-btn__icon "> 383 <svg class="u-icon u-icon--m"> 384 <use 385 xlink:href="/assets/icons.svg#cta_arrow" /> 386 </svg> 387 </span> 388 </a> 389 </h5> 390 391 Eksklusive ejerlejligheder på 2-5 værelser. 392 </div> 393</div> 394 </div> 395 <div class="swiper-slide"> 396 397 398 399<div class="c-card"> 400 <a href="/boliger/dannebroge/" class="c-card__img"> 401 <img src="/media/zm4lzcxi/soendre-kyst-dannebroge-torvet.jpg?cc=0.34737558002347674,0,0.037067277119380446,0&width=530&height=700" data-object-fit="cover" 402 alt="Soendre Kyst Dannebroge Torvet"> 403 </a> 404 <div class="c-card__text"> 405 <h5 class="c-card__title"> 406 <a href="/boliger/dannebroge/" class="c-card__heading-link"> 407 Dannebroge 408 <span class="c-btn__icon "> 409 <svg class="u-icon u-icon--m"> 410 <use 411 xlink:href="/assets/icons.svg#cta_arrow" /> 412 </svg> 413 </span> 414 </a> 415 </h5> 416 417 Eksklusive ejerlejligheder ved havet. 418 </div> 419</div> 420 </div> 421 <div class="swiper-slide"> 422 423 424 425<div class="c-card"> 426 <a href="/boliger/neptunus/" class="c-card__img"> 427 <img src="/media/hr1cfctd/soendre-kyst-neptunus-torvet.jpg?width=530&height=700" data-object-fit="cover" 428 alt="Soendre Kyst Neptunus Torvet"> 429 </a> 430 <div class="c-card__text"> 431 <h5 class="c-card__title"> 432 <a href="/boliger/neptunus/" class="c-card__heading-link"> 433 Neptunus
434 <span class="c-btn__icon "> 435 <svg class="u-icon u-icon--m"> 436 <use 437 xlink:href="/assets/icons.svg#cta_arrow" /> 438 </svg> 439 </span> 440 </a> 441 </h5> 442 443 Lejeboliger og værksted ud til vandet 444 </div> 445</div> 446 </div> 447 <div class="swiper-slide"> 448 449 450 451<div class="c-card"> 452 <a href="/boliger/boejen/" class="c-card__img"> 453 <img src="/media/hcrim2zf/boejen-normalcard.jpg?width=530&height=700" data-object-fit="cover" 454 alt="Boligkarréen Bøjen"> 455 </a> 456 <div class="c-card__text"> 457 <h5 class="c-card__title"> 458 <a href="/boliger/boejen/" class="c-card__heading-link"> 459 Bøjen 460 <span class="c-btn__icon "> 461 <svg class="u-icon u-icon--m"> 462 <use 463 xlink:href="/assets/icons.svg#cta_arrow" /> 464 </svg> 465 </span> 466 </a> 467 </h5> 468 469 76 lejeboliger på vej. 470 </div> 471</div> 472 </div> 473 </div> 474 <button class="c-btn-carousell c-btn-carousell--prev"> 475 <svg class="u-icon--m "> 476 <use xlink:href="/assets/icons.svg#small_arrow_left" /> 477 </svg> 478 </button> 479 <button class="c-btn-carousell c-btn-carousell--next"> 480 <svg class="u-icon--m "> 481 <use xlink:href="/assets/icons.svg#small_arrow_right" /> 482 </svg> 483 </button> 484 </div> 485 </div> 486</div> 487 488 <div class="o-container"> 489 <div class="o-container__inner"> 490 491 492 493<div class="c-image-slider"> 494 <div class="glide"> 495 <div data-glide-el="track" class="glide__track"> 496 <ul class="glide__slides"> 497 <li class="glide__slide"> 498 499<picture> 500 <source media="(min-width: 1440px)" srcset="/media/hnmhwfls/re60df-1.jpg?mode=crop&format=webp&width=1170&height=700" /> 501 <source media="(min-width: 1224px)" srcset="/media/hnmhwfls/re60df-1.jpg?mode=crop&format=webp&width=1170&height=700" /> 502 <source media="(min-width: 992px)" srcset="/media/hnmhwfls/re60df-1.jpg?mode=crop&format=webp&width=1170&height=700" /> 503 <source media="(min-width: 768px)" srcset="/media/hnmhwfls/re60df-1.jpg?mode=crop&format=webp&width=1170&height=700" /> 504 <source media="(min-width: 568px)" srcset="/media/hnmhwfls/re60df-1.jpg?mode=crop&format=webp&width=623&height=330" /> 505 <img src="/media/hnmhwfls/re60df-1.jpg?mode=crop&format=webp&width=623&height=330" srcset="/media/hnmhwfls/re60df-1.jpg?mode=crop&format=webp&width=1246&height=660 2x" alt="RE60DF~1" loading="lazy" data-object-fit="cover" /> 506</picture> 507 <span class="c-image-slider_slide-caption"> 508 <span class="c-image-slider_slide-caption__content"> 509 Søndre Havn transformeres fra havneindustriområde til moderne bydel, hvor de første 13 boligkarréer nu er beboet. 510 </span> 511 <span class="c-image-slider_slide-credit"> 512 Foto: Sehen 513 </span> 514 </span> 515 </li> 516 <li class="glide__slide"> 517 518<picture> 519 <source media="(min-width: 1440px)" srcset="/media/m3qakept/straedet-web.jpg?mode=crop&format=webp&width=1170&height=700" /> 520 <source media="(min-width: 1224px)" srcset="/media/m3qakept/straedet-web.jpg?mode=crop&format=webp&width=1170&height=700" /> 521 <source media="(min-width: 992px)" srcset="/media/m3qakept/straedet-web.jpg?mode=crop&format=webp&width=1170&height=700" /> 522 <source media="(min-width: 768px)" srcset="/media/m3qakept/straedet-web.jpg?mode=crop&format=webp&width=1170&height=700" /> 523 <source media="(min-width: 568px)" srcset="/media/m3qakept/straedet-web.jpg?mode=crop&format=webp&width=623&height=330" /> 524 <img src="/media/m3qakept/straedet-web.jpg?mode=crop&format=webp&width=623&height=330" srcset="/media/m3qakept/straedet-web.jpg?mode=crop&format=webp&width=1246&height=660 2x" alt="Straedet Web" loading="lazy" data-object-fit="cover" /> 525</picture>
526 <span class="c-image-slider_slide-caption"> 527 <span class="c-image-slider_slide-caption__content"> 528 I 2017 åbnede et helt nyt handelskvarter omkring et nyt bugtet stræde - anlagt i tæt samspil med den historiske bymidte. 529 </span> 530 <span class="c-image-slider_slide-credit"> 531 Foto: Sees Media 532 </span> 533 </span> 534 </li> 535 <li class="glide__slide"> 536 537<picture> 538 <source media="(min-width: 1440px)" srcset="/media/2swlbh13/059_mg_4548-pano.jpg?mode=crop&format=webp&width=1170&height=700" /> 539 <source media="(min-width: 1224px)" srcset="/media/2swlbh13/059_mg_4548-pano.jpg?mode=crop&format=webp&width=1170&height=700" /> 540 <source media="(min-width: 992px)" srcset="/media/2swlbh13/059_mg_4548-pano.jpg?mode=crop&format=webp&width=1170&height=700" /> 541 <source media="(min-width: 768px)" srcset="/media/2swlbh13/059_mg_4548-pano.jpg?mode=crop&format=webp&width=1170&height=700" /> 542 <source media="(min-width: 568px)" srcset="/media/2swlbh13/059_mg_4548-pano.jpg?mode=crop&format=webp&width=623&height=330" /> 543 <img src="/media/2swlbh13/059_mg_4548-pano.jpg?mode=crop&format=webp&width=623&height=330" srcset="/media/2swlbh13/059_mg_4548-pano.jpg?mode=crop&format=webp&width=1246&height=660 2x" alt="059 MG 4548 Pano" loading="lazy" data-object-fit="cover" /> 544</picture> 545 <span class="c-image-slider_slide-caption"> 546 <span class="c-image-slider_slide-caption__content"> 547 Med Køge Kyst-projektet har Køge fået en ny bred strand - som her bruges til sankthansbål, arrangeret af Bydelsforeningen Søndre Havn. 548 </span> 549 <span class="c-image-slider_slide-credit"> 550 Foto: Martin Håkan/Coverganda.dk 551 </span> 552 </span> 553 </li> 554 </ul> 555 <div class="glide__arrows" data-glide-el="controls"> 556 <button class="c-btn c-btn--slider" data-glide-dir="<" aria-label="tilbage"> 557 <span class="c-btn__icon-slider"> 558 <svg class="u-icon--m "> 559 <use xlink:href="/assets/icons.svg#small_arrow_left" /> 560 </svg> 561 </span> 562 </button> 563 <button class="c-btn c-btn--slider c-btn--slider-right" data-glide-dir=">" aria-label="næste"> 564 <span class="c-btn__icon-slider"> 565 <svg class="u-icon--m "> 566 <use xlink:href="/assets/icons.svg#small_arrow_right" /> 567 </svg> 568 </span> 569 </button> 570 </div> 571 </div> 572 <div class="c-image-slider__caption"></div> 573 </div> 574</div> 575 576 </div> 577 </div> 578 579 <div class="o-container"> 580 <div class="o-container__inner"> 581 582<div class="c-rte "> 583 584 <article class="c-text-field__content c-rte"> 585 <h4>Seneste nyt fra Køge Kyst   -   <a href="/om-os/nyheder/" title="Nyheder"><em>se alle nyheder her</em></a></h4> 586 </article> 587 588 589</div> 590 591 </div> 592 </div> 593 594 <div class="o-container"> 595 <div class="o-container__inner"> 596 597 598<div class="c-load-more" data-page-size="12"> 599 <div class="c-card-list"> 600 <div class="c-card-list__child"> 601 <div class="c-card c-card--news"> 602 <a class="c-card__img" href="/om-os/nyheder/ledningsomlaegninger-aendrer-trafik-og-parkering-paa-havnen/"> 603 <img src="/media/rftnlfgz/havnen-sees-media_web.jpg?width=640&height=480" loading="lazy" data-object-fit="cover" 604 alt="Havnen Sees Media Web"> 605 </a> 606 <div class="c-card__text c-card__text--news"> 607 <h5>Ledningsomlægninger ændrer trafik og parkering på Havnen </h5> 608 <small class="c-article__date"> 609 4. september 2026 610 </small> 611 <p class="truncate-overflow"> 612 Forberedelserne til den nye stiforbindelse mellem bymidten og Havnen i Køge går i gang i efteråret 2026. Fra 17. september inddrages 27 kommunale p-pladser langs Toldbodvej, og senere omlægges trafikken i en periode. 613 </p> 614 <div class="c-card__cta"> 615 <a href="/om-os/nyheder/ledningsomlaegninger-aendrer-trafik-og-parkering-paa-havnen/" class="c-btn c-btn--link"> 616
617 <span class="c-btn__icon"> 618 <svg class="u-icon--m "> 619 <use xlink:href="/assets/icons.svg#cta_arrow" /> 620 </svg> 621 </span> 622 623 </a> 624 625 </div> 626 </div> 627 </div> 628 </div> 629 <div class="c-card-list__child"> 630 <div class="c-card c-card--news"> 631 <a class="c-card__img" href="/om-os/nyheder/snart-kan-man-leje-en-bolig-i-neptunus/"> 632 <img src="/media/txuhjj4b/cam_01_ext_p3-web.jpg?width=640&height=480" loading="lazy" data-object-fit="cover" 633 alt="Neptunus set fra gårdrum"> 634 </a> 635 <div class="c-card__text c-card__text--news"> 636 <h5>Snart kan man leje en bolig i Neptunus</h5> 637 <small class="c-article__date"> 638 31. august 2026 639 </small> 640 <p class="truncate-overflow"> 641 Den sjette og sidste boligkarré, som PensionDanmark opfører på Søndre Havn i Køge, åbner lige om lidt for udlejning. På søndag den 6. september inviterer bygherren til åbent hus. 642 </p> 643 <div class="c-card__cta"> 644 <a href="/om-os/nyheder/snart-kan-man-leje-en-bolig-i-neptunus/" class="c-btn c-btn--link"> 645 646 <span class="c-btn__icon"> 647 <svg class="u-icon--m "> 648 <use xlink:href="/assets/icons.svg#cta_arrow" /> 649 </svg> 650 </span> 651 652 </a> 653 654 </div> 655 </div> 656 </div> 657 </div> 658 <div class="c-card-list__child"> 659 <div class="c-card c-card--news"> 660 <a class="c-card__img" href="/om-os/nyheder/nu-kan-man-leje-en-bolig-i-svanen-midt-paa-soendre-havn/"> 661 <img src="/media/ttmhgmrp/svanen-eksterioer-web.jpg?width=640&height=480" loading="lazy" data-object-fit="cover" 662 alt="Boligbyggeriet Svanen"> 663 </a> 664 <div class="c-card__text c-card__text--news"> 665 <h5>Nu kan man leje en bolig i Svanen midt på Søndre Havn</h5> 666 <small class="c-article__date"> 667 8. juli 2026 668 </small> 669 <p class="truncate-overflow"> 670 Lige midt på Søndre Havn er byggeriet af ”Svanen” i fuld gang, og udlejningen af karréens 85 lejeboliger er åbnet. To søndage i juli inviterer Danbolig til åbent hus i en møbleret prøvebolig. 671 </p> 672 <div class="c-card__cta"> 673 <a href="/om-os/nyheder/nu-kan-man-leje-en-bolig-i-svanen-midt-paa-soendre-havn/" class="c-btn c-btn--link"> 674 675 <span class="c-btn__icon"> 676 <svg class="u-icon--m "> 677 <use xlink:href="/assets/icons.svg#cta_arrow" /> 678 </svg> 679 </span> 680 681 </a> 682 683 </div> 684 </div> 685 </div> 686 </div> 687 <div class="c-card-list__child"> 688 <div class="c-card c-card--news"> 689 <a class="c-card__img" href="/om-os/nyheder/siloring-fra-industritiden-er-blevet-ramme-for-faellesskab-paa-soendre-havn/">
690 <img src="/media/og0mm2xw/img_5899-web.jpg?width=640&height=480" loading="lazy" data-object-fit="cover" 691 alt="Indvielse af siloringen på Søndre Havn i Køge"> 692 </a> 693 <div class="c-card__text c-card__text--news"> 694 <h5>Siloring fra industritiden er blevet ramme for fællesskab på Søndre Havn</h5> 695 <small class="c-article__date"> 696 8. juli 2026 697 </small> 698 <p class="truncate-overflow"> 699 Et cirkulært byrum er blevet et nyt mødested med plads til både arrangementer, stille stunder og spontant samvær for beboere på Søndre Havn. Næsten 200 deltog i indvielsen af fællesrummet under åben himmel. 700 </p> 701 <div class="c-card__cta"> 702 <a href="/om-os/nyheder/siloring-fra-industritiden-er-blevet-ramme-for-faellesskab-paa-soendre-havn/" class="c-btn c-btn--link"> 703 704 <span class="c-btn__icon"> 705 <svg class="u-icon--m "> 706 <use xlink:href="/assets/icons.svg#cta_arrow" /> 707 </svg> 708 </span> 709 710 </a> 711 712 </div> 713 </div> 714 </div> 715 </div> 716 </div> 717</div> 718 719 </div> 720 </div> 721 722 <div class="o-container"> 723 <div class="o-container__inner"> 724 <div class="content__block--off-grid"> 725 726 727 728<div id='map' class="c-map" style="width: 100%; height: 700px;"> 729 <div class="filter c-map__filter"> 730 <div class="c-map__filter-inner"> 731 <div class="c-map__filter-show-btn"> 732 Hvor finder jeg 733 <svg class="u-icon--m "> 734 <use xlink:href="/assets/icons.svg#small_arrow_up" /> 735 </svg> 736 </div> 737 <div class="c-map__filter-items"> 738 <div class="c-map__filter-checkbox"> 739 <input class="c-map__checkbox filter-category" type="checkbox" id="excavator" /> 740 <label class="c-map__label" for="excavator"> 741 <svg class="u-icon--m "> 742 <use xlink:href="/assets/icons.svg#excavator" /> 743 </svg> 744 Byggeri og anlæg 745 </label> 746 </div> 747 <div class="c-map__filter-checkbox"> 748 <input class="c-map__checkbox filter-category" type="checkbox" id="parking-15" checked /> 749 <label class="c-map__label" for="parking-15"> 750 <svg class="u-icon--m "> 751 <use xlink:href="/assets/icons.svg#parking-15" /> 752 </svg> 753 Parkering 754 </label> 755 </div> 756 <div class="c-map__filter-checkbox"> 757 <input class="c-map__checkbox filter-category" type="checkbox" id="rail-light-15" checked /> 758 <label class="c-map__label" for="rail-light-15"> 759 <svg class="u-icon--m "> 760 <use xlink:href="/assets/icons.svg#rail-light-15" /> 761 </svg> 762 Offentlig transport 763 </label> 764 </div> 765 <div class="c-map__filter-checkbox"> 766 <input class="c-map__checkbox filter-category" type="checkbox" id="theatre-15" checked /> 767 <label class="c-map__label" for="theatre-15"> 768 <svg class="u-icon--m "> 769 <use xlink:href="/assets/icons.svg#theatre-15" /> 770 </svg> 771 Kultur 772 </label> 773 </div> 774 <div class="c-map__filter-checkbox"> 775 <input class="c-map__checkbox filter-category" type="checkbox" id="restaurant-15" checked /> 776 <label class="c-map__label" for="restaurant-15"> 777 <svg class="u-icon--m "> 778 <use xlink:href="/assets/icons.svg#restaurant-15" /> 779 </svg> 780 Spisesteder 781 </label> 782 </div> 783 <div class="c-map__filter-checkbox"> 784 <input class="c-map__checkbox filter-category" type="checkbox" id="garden-15" checked /> 785 <label class="c-map__label" for="garden-15"> 786 <svg class="u-icon--m "> 787 <use xlink:href="/assets/icons.svg#garden-15" /> 788 </svg> 789 Natur og byrum 790 </label> 791 </div> 792 <div class="c-map__filter-checkbox"> 793 <input class="c-map__checkbox filter-category" type="checkbox" id="grocery-15" checked /> 794 <label class="c-map__label" for="grocery-15"> 795 <svg class="u-icon--m "> 796 <use xlink:href="/assets/icons.svg#grocery-15" /> 797 </svg> 798 Butikker 799 </label> 800 </div> 801 <div class="c-map__filter-checkbox"> 802 <input class="c-map__checkbox filter-category" type="checkbox" id="pitch-15" checked /> 803 <label class="c-map__label" for="pitch-15"> 804 <svg class="u-icon--m "> 805 <use xlink:href="/assets/icons.svg#pitch-15" /> 806 </svg> 807 Sport og fritid 808 </label> 809 </div> 810 811 812 </div> 813 </div> 814 </div> 815</div> 816
817<script> 818 var btns = document.querySelectorAll(".filter .filter-category"); 819 var list = []; 820 list.push("parking-15"); 821 list.push("home-15"); 822 list.push("theatre-15"); 823 list.push("restaurant-15"); 824 list.push("garden-15"); 825 list.push("grocery-15"); 826 list.push("pitch-15"); 827 list.push("rail-light-15"); 828 for (var i = 0; i < btns.length; i++) { 829 btns[i].addEventListener("click", function (e) { 830 var index = list.indexOf(e.target.id); 831 if (index > -1) 832 list.splice(index, 1); 833 else 834 list.push(e.target.id); 835 if (list.length == 0) { 836 map.setFilter("places", true); 837 map.setFilter("whiteBackgroundForPOI", true); 838 } 839 else { 840 map.setFilter("places", ["match", ["get", "icon"], list, true, false]); 841 map.setFilter("whiteBackgroundForPOI", ["match", ["get", "icon"], list, true, false]); 842 } 843 }); 844 } 845 846</script>
846 847
848<script> 849 var btns = document.querySelectorAll(".filter .c-map__filter-show-btn"); 850 for (var i = 0; i < btns.length; i++) { 851 btns[i].addEventListener("click", function (e) { 852 if (e.currentTarget.parentNode.classList.contains("is-active")) { 853 e.currentTarget.parentNode.classList.remove("is-active"); 854 } else { 855 e.currentTarget.parentNode.classList.add("is-active"); 856 } 857 }); 858 } 859</script>
859 860
861<script> 862 var boundsCoordinates = [[ 863 [12.18754575197039,55.45415312349229], 864 [12.191673834504911,55.44928431038957], 865 [12.192723633621,55.44959502257822], 866 [12.192128163943948,55.45051499057789], 867 [12.193323451215463,55.4514273862892], 868 [12.197977733344004,55.451721651814665], 869 [12.19964606850192,55.45281580617322], 870 [12.19851930836893,55.45334150792016], 871 [12.19640247652032,55.452656898843344], 872 [12.194213238643641,55.453632802153976], 873 [12.193849689960189,55.453752311660594], 874 [12.191263202652834,55.45409019047645], 875 [12.18754575197039,55.45415312349229] 876 ]]; 877 878 var secondBoundsCoordinates = [[ 879 [12.188153,55.458654], 880 [12.187519,55.458412], 881 [12.187329,55.458094], 882 [12.186951,55.456911], 883 [12.187734,55.456242], 884 [12.189461,55.456650], 885 [12.188871,55.458244], 886 [12.188367,55.458633], 887 [12.188153,55.458654] 888 ]]; 889 890 var thirdBoundsCoordinates = [[ 891 [12.186704,55.460324], 892 [12.186076,55.460348], 893 [12.185786,55.459271], 894 [12.185529,55.458112], 895 [12.185336,55.457683], 896 [12.184891,55.457716], 897 [12.184779,55.457518], 898 [12.184900,55.457510], 899 [12.184755,55.457107], 900 [12.184398,55.457156], 901 [12.184088,55.456781], 902 [12.184818,55.456646], 903 [12.184475,55.456007], 904 [12.183649,55.456136], 905 [12.183338,55.455585], 906 [12.184796,55.455298], 907 [12.184115,55.453793], 908 [12.183761,55.453206], 909 [12.184887,55.452865], 910 [12.185439,55.454689], 911 [12.185418,55.454665], 912 [12.185525,55.455225], 913 [12.186287,55.457287], 914 [12.186923,55.460322], 915 [12.186704,55.460324] 916 ]]; 917</script>
917 918
919<script> 920 var poiFeatures = [ 921 { 922 type: "Feature", 923 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/f4bbl2fr/tapperiet-ude-pm.jpg?width=640&height=480&v=1d61e6a512abb90" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Tapperiet</h5> <p>Tapperiet er stedet, hvor unge fra Køge og oplandet mødes for at spille musik og deltage i koncerter, filmaftener, skate-konkurrencer og meget andet.</p> </div> <div class="c-card__cta"> <a href="/byen/kultur-og-oplevelser/tapperiet/" class="c-btn c-btn--link link-gtm"> Læs mere <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "theatre-15", id: "2776" }, 924 geometry: { type: "Point", coordinates: [12.190568, 55.451404] } 925 }, 926 { 927 type: "Feature", 928 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/n2cfyfwb/realdania-by-byg_koege-kyst_fotos-1-web.jpg?width=640&height=480&v=1d9f526cf773a00" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">P-plads på Collstropgrunden</h5> <p>Du kan parkere pÃ¥ Collstropgrunden pÃ¥ timebasis eller med parkeringslicens. Indkørsel fra Ãstre Banevej. Læs mere om vilkÃ¥r for parkering her.</p> </div> <div class="c-card__cta"> <a href="/byen/parkering/" class="c-btn c-btn--link link-gtm"> Parkering <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "parking-15", id: "4808" }, 929 geometry: { type: "Point", coordinates: [12.187773, 55.457218] } 930 }, 931 { 932 type: "Feature", 933 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/vj2djvvu/_t6g1738.jpg?width=640&height=480&v=1d61e6a5a2ddc90" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Køge Station</h5> <p>Fra Køge Station kan du tage s-tog og regionaltog. Du kan bl.a. tage til Køge Nord, hvorfra det er muligt at komme til København H pÃ¥ 18 minutter.<br><br></p> </div></div>', icon: "rail-light-15", id: "5998" }, 934 geometry: { type: "Point", coordinates: [12.186088898850603, 55.45737344085541] } 935 }, 936 { 937 type: "Feature", 938 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/cdkmb3o1/img_0602-web.jpg?width=640&height=480&v=1dcaa5bc25ca6b0" data-object-fit="cover" alt="Søndre Havnevej"> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Trafik og veje på Søndre Havn</h5> <p><span>Her kan du læse om vejarbejde og trafikforhold pÃ¥ Søndre Havn - og om glatførebekæmpelse, som Køge Kyst udfører i vinterperioden.<br><br></span></p> </div> <div class="c-card__cta"> <a href="/byudvikling/byggeri-og-anlaeg/trafik-og-veje-paa-soendre-havn/" class="c-btn c-btn--link link-gtm"> Læs mere <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "excavator", id: "5933" }, 939 geometry: { type: "Point", coordinates: [12.190859257553175, 55.45290345945009] } 940 }, 941 { 942 type: "Feature", 943 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/adgbtmhd/restauranter-på-havnepladsen.jpg?width=640&height=480&v=1d61e6a1332c7b0" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Restauranter på Havnepladsen</h5> <p>Oplev den hyggelige stemning i "Køges Nyhavn", hvor du kan nyde en øl eller et mÃ¥ltid mad. Restauranterne har udeservering om sommeren.</p> </div> <div class="c-card__cta"> <a href="/byen/kultur-og-oplevelser/havnepladsen-og-havnescenen/" target="_blank" class="c-btn c-btn--link link-gtm"> Læ
943s mere <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "restaurant-15", id: "2962" }, 944 geometry: { type: "Point", coordinates: [12.191367894153785, 55.45491945267008] } 945 }, 946 { 947 type: "Feature", 948 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/rh5btsm4/p-plads-bag-haverne.jpg?width=640&height=480&v=1d61e6a135ae920" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">P-plads ved Bag Haverne</h5> <p>Her kan du parkere pÃ¥ timebasis. Se vilkÃ¥r for parkering her.</p> </div> <div class="c-card__cta"> <a href="/byen/parkering/" class="c-btn c-btn--link link-gtm"> Parkering <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "parking-15", id: "4810" }, 949 geometry: { type: "Point", coordinates: [12.184800, 55.454700] } 950 }, 951 { 952 type: "Feature", 953 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/z32cdxki/bryghuset-braunstein-med-pakhuset-i-baggrunden-lysnet-lowres.jpg?width=640&height=480&v=1d629090f4fa290" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Bryghuset Braunstein</h5> <p>Braunstein ligger lige ud til havneindløbet, over for "Køges Nyhavn". Her kan du købe whisky og øl - eller deltage i smagninger og andre arrangementer. I 2020 opfører Braunstein "Pakhuset" som et nyt samlingssted. </p> </div> <div class="c-card__cta"> <a href="/byen/kultur-og-oplevelser/bryghuset-braunstein/" class="c-btn c-btn--link link-gtm"> Bryghuset Braunstein <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "restaurant-15", id: "2821" }, 954 geometry: { type: "Point", coordinates: [12.188773, 55.453883] } 955 }, 956 { 957 type: "Feature", 958 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/i0zbn53s/112_dsf3378-pano.jpg?width=640&height=480&v=1d61e6a50244810" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Søndre Strand</h5> <p><span>Søndre Strand er en stor bred badestrand med fint hvidt sand og lavt vand, som gør den familievenlig. OmrÃ¥det inviterer til gÃ¥ture, vandsport og mange andre aktiviteter, og der </span><span>er blandt andet faciliteter for roning, kajak og vinterbadning.</span></p> </div> <div class="c-card__cta"> <a href="/byen/hav-og-strand/" class="c-btn c-btn--link link-gtm"> Læs mere <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "garden-15", id: "3167" }, 959 geometry: { type: "Point", coordinates: [12.1975, 55.450913] } 960 }, 961 { 962 type: "Feature", 963 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/csoecnoy/stationsområdet-med-hm.jpg?width=640&height=480&v=1d629b768d5bbc0" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Shopping i Rådhusstræde</h5> <p><span>
963Ny handelsgade med mere end 40 tilbud i </span><span>form af butikker, caféer og restauranter - anlagt i tæt sammenhæng med Køges charmerende gamle bymidte.</span></p> </div> <div class="c-card__cta"> <a href="/byen/indkoeb-og-shopping/" class="c-btn c-btn--link link-gtm"> Indkøb og shopping <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "grocery-15", id: "3177" }, 964 geometry: { type: "Point", coordinates: [12.185657, 55.458634] } 965 }, 966 { 967 type: "Feature", 968 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/ei2bljuy/3-stationsbroen.jpg?width=640&height=480&v=1d61e6a12f21530" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Stationsbroen</h5> <p><span>Den tyve meter brede gangbro er adgangsvej for tusinder af rejsende pÃ¥ Køge Station. Den har en indbydende trappe mod Stationspladsen, som forbinder den gamle og nye by, og fra toppen er der udsigt over hele byen og bugten. </span></p> </div> <div class="c-card__cta"> <a href="/byen/arkitektur-og-steder/bymidten/stationsbroen/" class="c-btn c-btn--link link-gtm"> Læs mere <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "garden-15", id: "3179" }, 969 geometry: { type: "Point", coordinates: [12.186588, 55.457579] } 970 }, 971 { 972 type: "Feature", 973 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/4cmfsudk/5-køge-roklub.jpg?width=640&height=480&v=1d61e6a13006d10" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Køge Roklub</h5> <p><span>I mere end 100 Ã¥r har klubbens medlemmer benyttet de fantastiske kystomgivelser; hav, strand, havn og Ã¥. Klubben har en alsidig bÃ¥dpark til vands og gode træningsfaciliteter til lands - og den er aktiv Ã¥ret rundt.</span></p> </div> <div class="c-card__cta"> <a href="https://www.koegeroklub.dk/" target="_blank" class="c-btn c-btn--link link-gtm"> Gå til klubbens hjemmeside <span class="c-btn__icon c-btn__icon--external"> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#external-link" /> </svg> </span> </a> </div></div>', icon: "pitch-15", id: "3182" }, 974 geometry: { type: "Point", coordinates: [12.193679, 55.453044] } 975 }, 976 { 977 type: "Feature", 978 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/dtahbkww/p-huset-i-strædet.jpg?width=640&height=480&v=1d61e6a130f1310" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">P-huset i Strædet</h5> <p>Parkering i p-hus og p-kælder mod betaling. Læs mere pÃ¥ Strædet Køges hjemmeside.</p> </div> <div class="c-card__cta"> <a href="https://www.straedetkoge.dk/parking" target="_blank" class="c-btn c-btn--link link-gtm"> Læ
978s mere <span class="c-btn__icon c-btn__icon--external"> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#external-link" /> </svg> </span> </a> </div></div>', icon: "parking-15", id: "3184" }, 979 geometry: { type: "Point", coordinates: [12.185558, 55.458120] } 980 }, 981 { 982 type: "Feature", 983 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/smxpgdm2/img_1812-beskaaret.jpg?width=640&height=480&v=1db940ee516eee0" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">P-plads på Søndre Havn</h5> <p>FB Gruppen har overtaget administration af parkering her pÃ¥ pladsen fra Køge Kyst pr. 1. november 2025. Læs mere om vilkÃ¥r for parkering her.</p> </div> <div class="c-card__cta"> <a href="/byen/parkering/parkering-paa-soendre-havn/" class="c-btn c-btn--link link-gtm"> Læs mere <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "parking-15", id: "3188" }, 984 geometry: { type: "Point", coordinates: [12.193500, 55.453600] } 985 }, 986 { 987 type: "Feature", 988 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/01qj1mrj/vinterbadeklubben-valkyrien.jpg?width=640&height=480&v=1d61e6a49141d70" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Vinterbadeklubben Valkyrien</h5> <p>Nyd vinterbadning med en efterfølgende tur i sauna, inkl. mulighed for saunagus, og nyd solen, nÃ¥r den er fremme.</p> </div> <div class="c-card__cta"> <a href="https://www.valkyrien-koege.dk/" target="_blank" class="c-btn c-btn--link link-gtm"> Gå til Valkyriens hjemmeside <span class="c-btn__icon c-btn__icon--external"> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#external-link" /> </svg> </span> </a> </div></div>', icon: "pitch-15", id: "3535" }, 989 geometry: { type: "Point", coordinates: [12.201488, 55.453315] } 990 }, 991 { 992 type: "Feature", 993 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/iwbhrre0/strandengen.jpg?width=640&height=480&v=1d61e6a489d18b0" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Strandengen</h5> <p>Ved Søndre Havn og den nye Søndre Strand kan du opleve Køges strandeng. Strandengen er et unikt stykke natur, som blev udvidet med Køge Kysts naturgenopretningsprojekt.<br><br></p> </div> <div class="c-card__cta"> <a href="/byen/hav-og-strand/strandengen/" class="c-btn c-btn--link link-gtm"> Læs mere <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "garden-15", id: "3537" }, 994 geometry: { type: "Point", coordinates: [12.1945, 55.450764] } 995 }, 996 { 997 type: "Feature", 998 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/hunnexxw/engkanten.jpg?width=640&height=480&v=1d61e6a572ad5c0" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Engkanten</h5> <p>Engkanten er pÃ¥ én gang en offentlig promenade og en klimasikringsløsning, der beskytter boligerne pÃ¥ Søndre Havn mod havvandsstigninger.</p> </div> <div class="c-card__cta"> <a href="/byen/arkitektur-og-byrum-paa-soendre-havn/engkanten-og-kajkanten/" class="c-btn c-btn--link link-gtm"> Læ
998s mere <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "garden-15", id: "3538" }, 999 geometry: { type: "Point", coordinates: [12.1935, 55.451315] } 1000 }, 1001 { 1002 type: "Feature", 1003 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/wdof1yrs/køge-biograf.jpg?width=640&height=480&v=1d61e6a49258290" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Biograf</h5> <p>PÃ¥ Kulturtorvet kan du krybe i ly i mørket og se en film i Nordisk Films biograf i Køge. Med seks sale byder biografen pÃ¥ et stort udbud af filmoplevelser.</p> </div> <div class="c-card__cta"> <a href="/byen/kultur-og-oplevelser/biografen/" class="c-btn c-btn--link link-gtm"> Læs mere <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "theatre-15", id: "3542" }, 1004 geometry: { type: "Point", coordinates: [12.184027, 55.455842] } 1005 }, 1006 { 1007 type: "Feature", 1008 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/g1sj2ir1/kulturtorvet.jpg?width=640&height=480&v=1d61e6a478fa050" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Kulturtorvet</h5> <p>Kulturtorvet er en ny stor, Ã¥ben plads, der ligger omgivet af kulturelle tilbud. I fremtiden bliver det et byrum, som skal hænge tæt sammen med den kommende underføring under jernbanen.</p> </div> <div class="c-card__cta"> <a href="/byen/arkitektur-og-steder/bymidten/kulturtorvet/" class="c-btn c-btn--link link-gtm"> Læs mere <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "garden-15", id: "3543" }, 1009 geometry: { type: "Point", coordinates: [12.184423, 55.455702] } 1010 }, 1011 { 1012 type: "Feature", 1013 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/csoecnoy/stationsområdet-med-hm.jpg?width=640&height=480&v=1d629b768d5bbc0" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Bymidten</h5> <p>Køge er en populær handelsby, og med det nye stationsomrÃ¥de er der kommet endnu flere indkøbsmuligheder, samtidig med at der er kommet nye byrum, biograf, caféer og restauranter.</p> </div> <div class="c-card__cta"> <a href="/byen/arkitektur-og-steder/bymidten/" class="c-btn c-btn--link link-gtm"> Se bymidtens tilbud <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "grocery-15", id: "3544" }, 1014 geometry: { type: "Point", coordinates: [12.185029, 55.456307] } 1015 }, 1016 { 1017 type: "Feature", 1018 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/rsnf4iha/taghave-fra-vandring.jpg?width=640&height=480&v=1d61e6a470bca50" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Taghaver</h5> <p>Taghaverne i StationsomrÃ¥det tilbyder bÃ¥de aktivitet og rekreation - og tre af haverne over butikkerne i RÃ¥dhusstræde er offentligt tilgængelige.</p> </div> <div class="c-card__cta"> <a href="/byen/arkitektur-og-steder/bymidten/taghaver/" class="c-btn c-btn--link link-gtm"> Læ
1018s mere <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "garden-15", id: "3545" }, 1019 geometry: { type: "Point", coordinates: [12.185642, 55.457218] } 1020 }, 1021 { 1022 type: "Feature", 1023 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/yryldhsv/stationstorvet-og-strædet.jpg?width=640&height=480&v=1d61e6a4a3285c0" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Stationspladsen</h5> <p>Stationspladsen er Køges nye mødested â hvor den gamle og den nye bydel mødes. Her kan du kan opleve den 20 m brede stationsbro, hvor du kan tage dig et hvil, nyde solen eller snuppe en kop kaffe, mens du venter pÃ¥ toget.</p> </div> <div class="c-card__cta"> <a href="/byen/arkitektur-og-steder/bymidten/stationspladsen/" class="c-btn c-btn--link link-gtm"> Læs mere <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "garden-15", id: "3547" }, 1024 geometry: { type: "Point", coordinates: [12.185437, 55.457680] } 1025 }, 1026 { 1027 type: "Feature", 1028 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/opheymjs/realdania-by-byg_le-jardin-1-web.jpg?width=640&height=480&v=1d9efacfbb707f0" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Cafe le Jardin</h5> <p>Kager, cocktails og kaffe serveret i en farverig haveoase med fransk café stemning med glimt I øjet og smil pÃ¥ læben!</p><p> </p> </div> <div class="c-card__cta"> <a href="https://www.facebook.com/cafelejardin.dk" class="c-btn c-btn--link link-gtm"> Læs mere på Facebook <span class="c-btn__icon c-btn__icon--external"> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#external-link" /> </svg> </span> </a> </div></div>', icon: "restaurant-15", id: "6540" }, 1029 geometry: { type: "Point", coordinates: [12.191159063051163, 55.451321801698874] } 1030 }, 1031 { 1032 type: "Feature", 1033 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/edqpram2/siesta.jpg?width=640&height=480&v=1dbe4ce527496d0" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Spisesteder i Strædet</h5> <p>I StationsomrÃ¥det, fra Kulturtorvet til Stationstorvet, er der gode muligheder for at stÃ¥ stille sulten. Se oversigt pÃ¥ Strædet Køges hjemmeside.</p> </div> <div class="c-card__cta"> <a href="https://www.straedetkoge.dk/spisesteder" target="_blank" class="c-btn c-btn--link link-gtm"> Straedetkoge.dk <span class="c-btn__icon c-btn__icon--external"> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#external-link" /> </svg> </span> </a> </div></div>', icon: "restaurant-15", id: "9218" }, 1034 geometry: { type: "Point", coordinates: [12.1852, 55.4560] } 1035 }, 1036 { 1037 type: "Feature", 1038 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/0jdjes4w/img_0399-web.jpg?width=640&height=480&v=1dc651617c8e540" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Parkeringshus med indbygget skatehal</h5> <p>Køge Kommunes parkeringshus tilbyder bÃ¥de timeparkering og parkering med mÃ¥nedslicens.</p> </div> <div class="c-card__cta"> <a href="https://www.koege.dk/borger/parkering-trafik-og-veje/parkering/parkering-i-koege-midtby" target="_blank" class="c-btn c-btn--link link-gtm">
1038 <span class="c-btn__icon c-btn__icon--external"> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#external-link" /> </svg> </span> </a> </div></div>', icon: "parking-15", id: "9408" }, 1039 geometry: { type: "Point", coordinates: [12.1908, 55.4525] } 1040 }, 1041 { 1042 type: "Feature", 1043 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/c4sirxyv/dji_0577-kort-popup.jpg?width=640&height=480&v=1dd443bf6f51900" data-object-fit="cover" alt="Underføring Kort-popup"> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Ny underføring</h5> <p>Fra efterÃ¥ret 2026 forbereder Køge Kyst anlæggelsen af en ny underføring under jernbanen.<br><br></p> </div> <div class="c-card__cta"> <a href="/byudvikling/underfoering-mellem-by-og-havn/" class="c-btn c-btn--link link-gtm"> Underføring mellem by og havn <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "excavator", id: "10240" }, 1044 geometry: { type: "Point", coordinates: [12.1856, 55.4553] } 1045 } 1046 ]; 1047</script>
1047 1048
1049<script> 1050 var projects = [ 1051 { 1052 type: "Feature", 1053 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/fj2dpwis/strandengen.jpg?width=640&height=480&v=1d61e6a0c746690" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Strandengen</h5> <p>Færdigbygget boligkarré med ejerlejligheder ud til strandengen. Indflyttet i 2017.</p> </div> <div class="c-card__cta"> <a href="/boliger/strandengen/" class="c-btn c-btn--link link-gtm"> Strandengen <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "3072", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1054 geometry: { type: "Point", coordinates: [12.191778, 55.449859] } 1055 }, 1056 { 1057 type: "Feature", 1058 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/pepg5nki/skibet-drone-kort.jpg?width=640&height=480&v=1d6d8f1ef78d600" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Skibet og Broen</h5> <p>Familielejeboliger og et boligfællesskab for gruppen 50+. Karréen blev færdigbygget i 2020, men der kan fortsat være mulighed for at leje en bolig.</p> </div> <div class="c-card__cta"> <a href="/boliger/skibet-og-broen/" class="c-btn c-btn--link link-gtm"> Skibet og Broen <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "3073", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1059 geometry: { type: "Point", coordinates: [12.193583, 55.451903] } 1060 }, 1061 { 1062 type: "Feature", 1063 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/gngfv0ew/havblik.jpg?width=640&height=480&v=1d61e6a0b79b2e0" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Havblik</h5> <p>Færdigbygget boligkarré med 66 lejligheder ud til strandengen. Indflyttet i 2017/2018.</p> </div> <div class="c-card__cta"> <a href="/boliger/havblik/" class="c-btn c-btn--link link-gtm"> Havblik <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "2773", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1064 geometry: { type: "Point", coordinates: [12.191820, 55.451119] } 1065 }, 1066 { 1067 type: "Feature", 1068 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/iwsnpcqg/engparken-web.jpg?width=640&height=480&v=1d68c0720d07380" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Engparken</h5> <p>61 lejeboliger â heriblandt 12 seniorvenlige - midt pÃ¥ Søndre Havn. Engparken blev indflyttet i september 2020.</p> </div> <div class="c-card__cta"> <a href="/boliger/engparken/" class="c-btn c-btn--link link-gtm">
1068 Engparken <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "3060", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1069 geometry: { type: "Point", coordinates: [12.192210, 55.452066] } 1070 }, 1071 { 1072 type: "Feature", 1073 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/zewhvvg1/strandparken-ii.jpg?width=640&height=480&v=1d61e6a0f5c1d30" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Strandparken (2. karré)</h5> <p><span>Karréen er opført af Calum og rummer 64 lejelejligheder pÃ¥ mellem 64 og 107 m2 fordelt pÃ¥ to til fire værelser. Indflyttet i 2020.</span></p> </div> <div class="c-card__cta"> <a href="/boliger/strandparken-2/" class="c-btn c-btn--link link-gtm"> Læs mere <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "2989", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1074 geometry: { type: "Point", coordinates: [12.19092336290933, 55.450734629822904] } 1075 }, 1076 { 1077 type: "Feature", 1078 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/3bnp5akj/blaaklokken-visu-ext_gaardrum.jpg?width=640&height=480&v=1d61e6a0f73eaf0" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Blåklokken</h5> <p>78 lejeboliger til singler, seniorer og mindre børnefamilier. Karréen blev færdig og indflyttet i 2021.<br><br></p> </div> <div class="c-card__cta"> <a href="/boliger/blaaklokken/" class="c-btn c-btn--link link-gtm"> Blåklokken <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "3068", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1079 geometry: { type: "Point", coordinates: [12.189803, 55.451993] } 1080 }, 1081 { 1082 type: "Feature", 1083 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/n55f1ybm/kystengen-foto-bonava-lowres.jpg?width=640&height=480&v=1d61e6a0f7daef0" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Kystengen</h5> <p>Boligkarré med 54 ejerlejligheder og 8 byhuse. Boligerne er færdigbygget i 2019, og projektsalget er afsluttet.<br><br></p> </div> <div class="c-card__cta"> <a href="/boliger/kystengen/" class="c-btn c-btn--link link-gtm"> Kystengen <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "3105", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1084 geometry: { type: "Point", coordinates: [12.191473, 55.451580] } 1085 }, 1086 { 1087 type: "Feature", 1088 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/whdn0ide/strandterrasserne-kort.jpg?width=640&height=480&v=1d6d8f22d20fc30" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Strandterrasserne</h5> <p>55 ejerboliger direkte ud til strandengen og Køge Bugt. Karréen blev indflyttet i 2020, og projektsalget er afsluttet.<br><br></p> </div> <div class="c-card__cta"> <a href="/boliger/strandterrasserne/" class="c-btn c-btn--link link-gtm">
1088 Strandterrasserne <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "3066", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1089 geometry: { type: "Point", coordinates: [12.192585, 55.451537] } 1090 }, 1091 { 1092 type: "Feature", 1093 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/d2mjzol3/dsc02316-boligcard.jpg?width=640&height=480&v=1d6cf04407a1610" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Enggården</h5> <p>77 lejeboliger. EnggÃ¥rden blev indflyttet i forÃ¥ret 2020.</p> </div> <div class="c-card__cta"> <a href="/boliger/enggaarden/" class="c-btn c-btn--link link-gtm"> Enggården <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "3058", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1094 geometry: { type: "Point", coordinates: [12.191038, 55.452026] } 1095 }, 1096 { 1097 type: "Feature", 1098 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/q4djv5sx/strandparken-i.jpg?width=640&height=480&v=1d61e6a0f505d60" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Strandparken (1. karré)</h5> <p>Færdigbygget boligkarré med 65 lejeboliger ud til strandengen. Indflyttet i 2018.</p> </div> <div class="c-card__cta"> <a href="/boliger/strandparken-1/" class="c-btn c-btn--link link-gtm"> Læs om Strandparken <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "2949", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1099 geometry: { type: "Point", coordinates: [12.191367894153785, 55.450183751352085] } 1100 }, 1101 { 1102 type: "Feature", 1103 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/u4ml2zvb/_dsc7806-web.jpg?width=640&height=480&v=1dba55849643290" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Fællesbyg Køge Kyst</h5> <p>45 ejerlejligheder med fokus pÃ¥ fællesskab i unikt beboerdrevet boligprojekt. Indflyttet i 2021-22.</p> </div> <div class="c-card__cta"> <a href="/boliger/faellesbyg-koege-kyst/" class="c-btn c-btn--link link-gtm"> Fællesbyg Køge Kyst <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "3532", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1104 geometry: { type: "Point", coordinates: [12.192785, 55.452608] } 1105 }, 1106 { 1107 type: "Feature", 1108 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/ttmhgmrp/svanen-eksterioer-web.jpg?width=640&height=480&v=1dd0ecbb3f041c0" data-object-fit="cover" alt="Svanen"> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Svanen</h5> <p>Her opfører Bonum Development en boligkarré med 85 lejeboliger. Udlejningen er i gang, og karréen forventes indflyttet i december 2026.<br><br></p> </div> <div class="c-card__cta">
1108 <a href="/boliger/svanen/" class="c-btn c-btn--link link-gtm"> Læs mere <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "3540", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1109 geometry: { type: "Point", coordinates: [12.191816, 55.452650] } 1110 }, 1111 { 1112 type: "Feature", 1113 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/ck3figeu/dsc00764-web.jpg?width=640&height=480&v=1db9a436bbbfcd0" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Postillionen</h5> <p>Postillionens rummelige ejerboliger er skabt til familielivet med større eller mindre børn. Indflytningen begyndte i september 2024, og projektsalget er stadig i gang.<br><br></p> </div> <div class="c-card__cta"> <a href="/boliger/postillionen/" class="c-btn c-btn--link link-gtm"> Se boliger <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "6255", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1114 geometry: { type: "Point", coordinates: [12.194581927892337, 55.4519098877293] } 1115 }, 1116 { 1117 type: "Feature", 1118 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/pu5fjlqp/dsc01801-web.jpg?width=640&height=480&v=1dba557666d2b90" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Hvide Falk</h5> <p>Hvide Falk rummer bÃ¥de almindelige lejeboliger og et boligfællesskab for 40-59 Ã¥r.<span> Der er padelbane pÃ¥ taget.</span></p> </div> <div class="c-card__cta"> <a href="/boliger/hvide-falk/" class="c-btn c-btn--link link-gtm"> Se boliger <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "6256", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1119 geometry: { type: "Point", coordinates: [12.195257844509191, 55.45195551994311] } 1120 }, 1121 { 1122 type: "Feature", 1123 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/lcpdim3e/soendre-kyst-gyldenloeve.jpg?width=640&height=480&v=1d8d19dfc2b5ac0" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Gyldenløve</h5> <p>Rummelige og eksklusive ejerlejligheder pÃ¥ 2-5 værelser.<br /><br /></p> </div> <div class="c-card__cta"> <a href="/boliger/gyldenloeve/" class="c-btn c-btn--link link-gtm"> Se boliger <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "6257", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1124 geometry: { type: "Point", coordinates: [12.19612151574184, 55.451964646379544] } 1125 }, 1126 { 1127 type: "Feature", 1128 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/zm4lzcxi/soendre-kyst-dannebroge-torvet.jpg?width=640&height=480&v=1d8d19e08d45240" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Dannebroge</h5> <p>De eksklusive ejerlejligheder i Dannebroge fÃ¥r en attraktiv placering alleryderst pÃ¥ den maritime halvø med et ugeneret kig mod Ãresund.<br /><br /></p> </div> <div class="c-card__cta"> <a href="/boliger/dannebroge/" class="c-btn c-btn--link link-gtm">
1128 Se boliger <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "6258", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1129 geometry: { type: "Point", coordinates: [12.195515336553708, 55.45240575495611] } 1130 }, 1131 { 1132 type: "Feature", 1133 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/hr1cfctd/soendre-kyst-neptunus-torvet.jpg?width=640&height=480&v=1d8d19e14bd7c30" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Neptunus</h5> <p class="MsoNormal">104 lejeboliger i forskellig størrelse med adgang til fælles faciliteter - direkte ud til vandet.</p><p><br><br></p> </div> <div class="c-card__cta"> <a href="/boliger/neptunus/" class="c-btn c-btn--link link-gtm"> Se boliger <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "6259", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1134 geometry: { type: "Point", coordinates: [12.19465166532106, 55.45256090231742] } 1135 }, 1136 { 1137 type: "Feature", 1138 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/soshznso/billed-koege-5.png?width=640&height=480&v=1dc9054cb2192e0" data-object-fit="cover" alt="Billed Koege 5"> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Willes Have</h5> <p>29 luksus lejeboliger lige ved Køges nye handelsstrøg RÃ¥dhusstræde og tæt ved stationen. Indflyttet i 2022.</p> </div> <div class="c-card__cta"> <a href="/boliger/willes-have/" class="c-btn c-btn--link link-gtm"> Læs mere <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "6328", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1139 geometry: { type: "Point", coordinates: [12.1863255450115, 55.45998882627472] } 1140 }, 1141 { 1142 type: "Feature", 1143 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/cenkztmy/rådhusstræde-boliger-til-projektkort.jpg?width=640&height=480&v=1d61e6a0a56b6b0" data-object-fit="cover" alt=""> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Boliger i Rådhusstræde</h5> <p>28 ejerboliger. Projektsalget blev afsluttet i 2019.</p><p> </p> </div> <div class="c-card__cta"> <a href="/boliger/raadhusstraede/" class="c-btn c-btn--link link-gtm"> Læs mere <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "6538", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1144 geometry: { type: "Point", coordinates: [12.185483508608721, 55.45680041399904] } 1145 }, 1146 { 1147 type: "Feature", 1148 properties: { description: '<div class="c-card c-card--no-border"> <div class="c-card__img"> <img src="/media/23hbwia0/80167_tovvaerket-sh5-4_ext_001_gaden_kort
1148-popup.jpg?width=640&height=480&v=1dcd646c979cdd0" data-object-fit="cover" alt="Tovværket Kort-popup"> </div> <button class="c-btn--exit"></button> <div class="c-card__rich-text c-rte"> <h5 class="title-gtm">Tovværket</h5> <p>81 ejerlejligheder med rigt lysindfald og et skønt grønt gÃ¥rdmiljø.</p> </div> <div class="c-card__cta"> <a href="/boliger/tovvaerket/" class="c-btn c-btn--link link-gtm"> Tovværket <span class="c-btn__icon "> <svg class="u-icon u-icon--l"> <use xlink:href="/assets/icons.svg#cta_arrow" /> </svg> </span> </a> </div></div>', icon: "home-15", id: "10020", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"}, 1149 geometry: { type: "Point", coordinates: [12.19265, 55.4531] } 1150 } 1151 ]; 1152 1153 var projectsWithCircles = [ 1154 ]; 1155</script>
1155 1156
1157<script> 1158 mapboxgl.accessToken = 'pk.eyJ1IjoiNHBzZXIiLCJhIjoiY2sxajVvaGQ0MXF2cDNtcW02Y2NxeGE5bCJ9.EiXK8xDF3VSI1BcSaoQXLg'; 1159 1160 var map = new mapboxgl.Map({ 1161 container: 'map', 1162 style: 'mapbox://styles/4pser/ck1j6if5m092k1co5ytec2mf8', 1163 center: [12.187382, 55.453805], 1164 zoom: 14.5, 1165 minZoom: 5, 1166 maxZoom: 20, 1167 antialias: true, 1168 scrollZoom: true, 1169 boxZoom: true, 1170 dragRotate: true, 1171 dragPan: true, 1172 keyboard: true//, 1173 //pitch: 60 1174 }); 1175 1176 map.scrollZoom.disable(); 1177 1178 // Add zoom and rotation controls to the map. 1179 map.addControl(new mapboxgl.NavigationControl()); 1180 map.addControl(new mapboxgl.FullscreenControl()); 1181 1182 map.on('load', function () { 1183 map.addSource("pointsOfInterest", { 1184 type: "geojson", 1185 data: { 1186 type: "FeatureCollection", 1187 features: poiFeatures 1188 } 1189 }); 1190 1191 map.addSource("projects", { 1192 type: "geojson", 1193 data: { 1194 type: "FeatureCollection", 1195 features: projects 1196 } 1197 }); 1198 1199 map.addSource("projectsWithCirclesSource", { 1200 type: "geojson", 1201 data: { 1202 type: "FeatureCollection", 1203 features: projectsWithCircles 1204 } 1205 }); 1206 1207 map.addSource("bounds", { 1208 type: "geojson", 1209 data: { 1210 type: "FeatureCollection", 1211 features: [ 1212 { 1213 type: "Feature", 1214 geometry: { 1215 type: "Polygon", 1216 coordinates: boundsCoordinates 1217 } 1218 } 1219 ] 1220 } 1221 }); 1222 1223 1224 map.addSource("secondBounds", { 1225 type: "geojson", 1226 data: { 1227 type: "FeatureCollection", 1228 features: [ 1229 { 1230 type: "Feature", 1231 geometry: { 1232 type: "Polygon", 1233 coordinates: secondBoundsCoordinates 1234 } 1235 } 1236 ] 1237 } 1238 }); 1239 1240 1241 map.addSource("thirdBounds", { 1242 type: "geojson", 1243 data: { 1244 type: "FeatureCollection", 1245 features: [ 1246 { 1247 type: "Feature", 1248 geometry: { 1249 type: "Polygon", 1250 coordinates: thirdBoundsCoordinates 1251 } 1252 } 1253 ] 1254 } 1255 }); 1256 1257 1258 map.addLayer({ 1259 id: "whiteBackgroundForPOI", 1260 type: "circle", 1261 source: "pointsOfInterest", 1262 filter: ["match", ["get", "icon"], ["parking-15","home-15","theatre-15","restaurant-15","garden-15","grocery-15","pitch-15","rail-light-15"], true, false], 1263 paint: { 1264 "circle-color": "rgba(255, 255, 255, 0.7)", //rgba(255, 200, 200, 0.5) #11b4da 1265 "circle-radius": 12 1266 } 1267 }); 1268 1269 1270 map.addLayer({ 1271 id: "whiteBackgroundForProjects", 1272 type: "circle", 1273 source: "projects", 1274 paint: { 1275 "circle-color": "rgba(255, 255, 255, 0.7)", //rgba(255, 200, 200, 0.5) #11b4da 1276 "circle-radius": 12 1277 } 1278 }); 1279 1280 map.addLayer({ 1281 id: "places", 1282 type: "symbol", 1283 source: "pointsOfInterest", 1284 filter: ["match", ["get", "icon"], ["parking-15","home-15","theatre-15","restaurant-15","garden-15","grocery-15","pitch-15","rail-light-15"], true, false], 1285 //filter: ["!", ["has", "color"]], 1286 layout: { 1287 "icon-image": "{icon}", 1288 "icon-size": 1.0, 1289 "icon-allow-overlap": true, 1290 //"text-field": "{title}", 1291 //"text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"], 1292 //"text-offset": [0, 0.6], 1293 //"text-anchor": "top" 1294 } 1295 }); 1296 1297 map.addLayer({ 1298 id: "projects", 1299 type: "symbol", 1300 source: "projects", 1301 layout: { 1302 "icon-image": "{icon}", 1303 "icon-size": 1.0, 1304 "icon-allow-overlap": true, 1305 } 1306 }); 1307 1308 map.addLayer({ 1309 id: "projectsWithCirclesLayer", 1310 type: "circle", 1311 source: "projectsWithCirclesSource", 1312 layout: { 1313 //"text-field": "{title}", 1314 //"text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"], 1315 //"text-offset": [0, 0.6], 1316 //"text-anchor": "top" 1317 }, 1318 paint: { 1319 "circle-color": { "type": "identity", "property": "color" },//"rgba(255, 200, 200, 0.8)", //rgba(255, 200, 200, 0.5) #11b4da 1320 "circle-radius": 7, 1321 "circle-stroke-width": 10, 1322 "circle-stroke-color": { "type": "identity", "property": "stroke" } //rgba(255, 100, 100, 1) #14b4aa 1323 } 1324 }); 1325 1326 //we need this if we want to use circles instead of symbols (aka icons) 1327 //map.addLayer({ 1328 // id: "projects", 1329 // type: "circle", 1330 // source: "projects", 1331 // //filter: ["has", "color"], 1332 // layout: { 1333 // //"text-field": "{title}", 1334 // //"text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"], 1335 // //"text-offset": [0, 0.6], 1336 // //"text-anchor": "top" 1337 // }, 1338 // paint: { 1339 // "circle-color": { "type": "identity", "property": "color" },//"rgba(255, 200, 200, 0.8)", //rgba(255, 200, 200, 0.5) #11b4da 1340 // "circle-radius": 7, 1341 // "circle-stroke-width": 10, 1342 // "circle-stroke-color": { "type": "identity", "property": "stroke" } //rgba(255, 100, 100, 1) #14b4aa 1343 // } 1344 //}); 1345 1346 map.addLayer({ 1347 id: 'bounds', 1348 type: 'line', 1349 source: 'bounds', 1350 paint: { 1351 'line-width': 3, 1352 // Use a get expression (https://docs.mapbox.com/mapbox-gl-js/style-spec/#expressions-get) 1353 // to set the line-color to a feature property value. 1354 //'line-color': ['get', 'color'] 1355 'line-color': 'rgba(80, 141, 156, 1)' 1356 }, 1357 layout: { 1358 "line-join": "round", 1359 "line-cap": "round" 1360 } 1361 }); 1362 1363 1364 map.addLayer({ 1365 id: 'secondBounds', 1366 type: 'line', 1367 source: 'secondBounds', 1368 paint: { 1369 'line-width': 3, 1370 // Use a get expression (https://docs.mapbox.com/mapbox-gl-js/style-spec/#expressions-get) 1371 // to set the line-color to a feature property value. 1372 //'line-color': ['get', 'color'] 1373 'line-color': 'rgba(80, 141, 156, 1)' 1374 }, 1375 layout: { 1376 "line-join": "round", 1377 "line-cap": "round" 1378 } 1379 }); 1380 1381 1382 map.addLayer({ 1383 id: 'thirdBounds', 1384 type: 'line', 1385 source: 'thirdBounds', 1386 paint: { 1387 'line-width': 3, 1388 // Use a get expression (https://docs.mapbox.com/mapbox-gl-js/style-spec/#expressions-get) 1389 // to set the line-color to a feature property value. 1390 //'line-color': ['get', 'color'] 1391 'line-color': 'rgba(80, 141, 156, 1)' 1392 }, 1393 layout: { 1394 "line-join": "round", 1395 "line-cap": "round" 1396 } 1397 }); 1398
1399 let popup = new mapboxgl.Popup({ closeButton: false }); 1400 1401 // When a click event occurs on a feature in the places layer, open a popup at the 1402 // location of the feature, with description HTML from its properties. 1403 map.on('mouseenter', 'places', function (e) { 1404 map.getCanvas().style.cursor = 'pointer'; 1405 var coordinates = e.features[0].geometry.coordinates.slice(); 1406 var description = e.features[0].properties.description; 1407 1408 // Ensure that if the map is zoomed out such that multiple 1409 // copies of the feature are visible, the popup appears 1410 // over the copy being pointed to. 1411 while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) { 1412 coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360; 1413 } 1414 1415 if (!description) return; 1416 popup 1417 .setLngLat(e.features[0].geometry.coordinates.slice()) //e.lngLat 1418 .setHTML(description) 1419 .addTo(map) 1420 1421 var closeBtn = popup._content.querySelector(".mapboxgl-popup .c-btn--exit"); 1422 closeBtn.addEventListener("click", function (e) { 1423 popup._onClickClose(); 1424 }); 1425 1426 var link = popup._content.querySelector(".mapboxgl-popup .link-gtm"); 1427 var title = popup._content.querySelector(".mapboxgl-popup .title-gtm").innerText; 1428 if (link) { 1429 link.addEventListener("click", function (e) { 1430 dataLayer.push({ 1431 'event': 'poiClick', 1432 'poiTitle': title 1433 }); 1434 }); 1435 } 1436 }); 1437 1438 map.on('mouseenter', 'projects', function (e) { 1439 map.getCanvas().style.cursor = 'pointer'; 1440 var coordinates = e.features[0].geometry.coordinates.slice(); 1441 var description = e.features[0].properties.description; 1442 1443 if (!description) return; 1444 popup 1445 .setLngLat(coordinates) 1446 .setHTML(description) 1447 .addTo(map) 1448 1449 var closeBtn = popup._content.querySelector(".mapboxgl-popup .c-btn--exit"); 1450 closeBtn.addEventListener("click", function (e) { 1451 popup._onClickClose(); 1452 }); 1453 1454 var link = popup._content.querySelector(".mapboxgl-popup .link-gtm"); 1455 var title = popup._content.querySelector(".mapboxgl-popup .title-gtm").innerText; 1456 if (link) { 1457 link.addEventListener("click", function (e) { 1458 dataLayer.push({ 1459 'event': 'projectClick', 1460 'projectTitle': title 1461 }); 1462 }); 1463 } 1464 }); 1465 1466 map.on('mouseenter', 'projectsWithCirclesLayer', function (e) { 1467 map.getCanvas().style.cursor = 'pointer'; 1468 var coordinates = e.features[0].geometry.coordinates.slice(); 1469 var description = e.features[0].properties.description; 1470 1471 if (!description) return; 1472 popup 1473 .setLngLat(coordinates) 1474 .setHTML(description) 1475 .addTo(map) 1476 1477 var closeBtn = popup._content.querySelector(".mapboxgl-popup .c-btn--exit"); 1478 closeBtn.addEventListener("click", function (e) { 1479 popup._onClickClose(); 1480 }); 1481 1482 var link = popup._content.querySelector(".mapboxgl-popup .link-gtm"); 1483 var title = popup._content.querySelector(".mapboxgl-popup .title-gtm").innerText; 1484 if (link) { 1485 link.addEventListener("click", function (e) { 1486 e.preventDefault(); 1487 dataLayer.push({ 1488 'event': 'projectClick', 1489 'projectTitle': title 1490 }); 1491 }); 1492 } 1493 }); 1494 1495 // Change it back to a pointer when it leaves. 1496 map.on('mouseleave', 'places', function () { 1497 map.getCanvas().style.cursor = ''; 1498 }); 1499 map.on('mouseleave', 'projects', function () { 1500 map.getCanvas().style.cursor = ''; 1501 }); 1502 map.on('mouseleave', 'projectsWithCirclesLayer', function () { 1503 map.getCanvas().style.cursor = ''; 1504 }); 1505 1506 map.on('click', function (e) { 1507 console.log(JSON.stringify(e.lngLat)); 1508 }); 1509 });
1510</script>
1510 1511 1512 </div> 1513 </div> 1514 </div> 1515 1516 1517 1518 1519<div class="c-newsletter new c-newsletter--koegekyst-green" data-signup-type="newsletter"> 1520 <div class="c-newsletter__information c-rte"> 1521 <h4 class="newsletter-title">Tilmeld dig nyhedsbrevet</h4> 1522 <p>FÃ¥ nyt om boliger, byggeprojekter, livet i bydelen og meget mere.</p> 1523 </div> 1524 <div class="c-newsletter__form"> 1525 <form class="js-cm-form" id="subForm-25327" data-siteid="25327"> 1526 <div class="d_newsletter-form-row"> 1527 <div class="d_newsletter-email-field"> 1528 <label for="fieldEmail-25327">E-mail</label> 1529 <input autocomplete="email" aria-label="E-mail" class="js-cm-email-input qa-input-email" 1530 id="fieldEmail-25327" maxlength="200" name="email" placeholder="Indtast E-mail" required 1531 type="email" /> 1532 </div> 1533 <div class="d_newsletter-captcha-field"> 1534 <div class="frc-captcha frc-captcha--compact light" data-sitekey="FCMMCQF46HG2SVJ8" 1535 data-start="focus" data-theme="light"></div> 1536 </div> 1537 </div> 1538 <div class="d_newsletter-button-row"> 1539 <button type="submit">Tilmeld</button> 1540 </div> 1541 </form> 1542 </div> 1543</div> 1544 1545<style> 1546 .frc-captcha { 1547 border: none !important; 1548 1549 a, 1550 b { 1551 color: white; 1552 } 1553 } 1554 1555 .frc-icon { 1556 color: white; 1557 stroke: white; 1558 fill: white; 1559 } 1560 1561 .frc-text { 1562 color: white; 1563 } 1564 1565 .frc-button { 1566 display: none !important; 1567 } 1568 1569 .frc-container { 1570 margin: 0 !important; 1571 } 1572 1573 .frc-captcha--compact { 1574 background-color: inherit; 1575 } 1576 1577 .c-newsletter.new { 1578 padding: 2rem; 1579 } 1580 1581 .newsletter-title { 1582 margin-bottom: 0.2rem; 1583 } 1584 1585 .c-newsletter__information { 1586 margin-bottom: 1rem; 1587 } 1588 1589 .c-newsletter__form form { 1590 display: flex; 1591 flex-direction: column; 1592 } 1593 1594 .d_newsletter-form-row { 1595 display: flex; 1596 gap: 1rem; 1597 align-items: center; 1598 margin-bottom: 1rem !important; 1599 } 1600 1601 .d_newsletter-email-field { 1602 flex: 1 1 0; 1603 min-width: 0; 1604 display: flex; 1605 flex-direction: column; 1606 gap: 0.25rem; 1607 margin-right: 0 !important; 1608 margin-bottom: 0% !important; 1609 1610 .js-cm-email-input { 1611 padding: 6px 0 !important; 1612 max-width: 220px !important; 1613 border-bottom: 3px solid white !important; 1614 } 1615 } 1616 1617 1618 .d_newsletter-captcha-field { 1619 flex: 1 1 0; 1620 min-width: 0; 1621 display: flex; 1622 align-items: flex-end; 1623 margin-right: 0 !important; 1624 margin-bottom: 0 !important; 1625 } 1626 1627 .d_newsletter-captcha-field .frc-captcha { 1628 width: 100%; 1629 margin-right: 0 !important; 1630 margin-bottom: 0 !important; 1631 } 1632 1633 .d_newsletter-button-row { 1634 display: flex; 1635 justify-content: center; 1636 margin-bottom: 0 !important; 1637 } 1638</style> 1639
1640<script type="module"> 1641 const subForm = document.getElementById("subForm-25327"); 1642 const newsletterDiv = subForm.closest('.c-newsletter'); 1643 const projectCode = subForm.getAttribute("data-siteid"); 1644 const messageStyle = projectCode === "25339" ? "" : "color: white;"; 1645 1646 subForm.addEventListener("submit", async function (e) { 1647 e.preventDefault(); 1648 1649 const email = document.getElementById("fieldEmail-25327").value; 1650 const captchaWidget = subForm.querySelector('.frc-captcha'); 1651 const captchaSolutionInput = captchaWidget ? captchaWidget.querySelector('input[name="frc-captcha-solution"]') : null; 1652 const captchaSolution = captchaSolutionInput ? captchaSolutionInput.value : null; 1653 1654 if (!captchaSolution) { 1655 console.error("Please complete the captcha"); 1656 return; 1657 } 1658 1659 const formData = new URLSearchParams(); 1660 formData.append("projectCode", projectCode); 1661 formData.append("email", email); 1662 formData.append("captchaSolution", captchaSolution); 1663 1664 try { 1665 const response = await fetch(`/api/newsletter/subscribe`, { 1666 method: "POST", 1667 headers: { 1668 "Content-Type": "application/x-www-form-urlencoded", 1669 }, 1670 body: formData, 1671 }); 1672 1673 if (!response.ok) { 1674 return; 1675 } 1676 1677 const data = await response.json(); 1678 if (data) { 1679 newsletterDiv.innerHTML = `<h4>Tak for din tilmelding</h4><p style="${messageStyle}">${data.message}</p>`; 1680 } 1681 } catch (error) { 1682 console.error("An error occurred, please try again later", error); 1683 } 1684 }); 1685</script>
1685 1686 1687 1688 1689 1690<div class="o-container u-overflow-hidden"> 1691 <div class="o-container__inner"> 1692 1693 <footer class="c-footer"> 1694 <div class="c-footer__column"> 1695 <div class="c-footer__column-item c-rte"> 1696 <h5>Køge Kyst P/S</h5> 1697<p>Torvet 1<br>4600 Køge</p> 1698<p>CVR: 31861063</p> 1699 </div> 1700 <div class="c-footer__column-item c-rte"> 1701 <h5>Parterne bag</h5> 1702<p><a rel="noopener" href="http://www.koege.dk" target="_blank" title="Køge Kommune">Køge Kommune</a></p> 1703<p><a rel="noopener" href="http://www.realdaniabyogbyg.dk" target="_blank" title="Realdania By & Byg">Realdania By & Byg</a></p> 1704 </div> 1705 <div class="c-footer__column-item c-rte"> 1706 <h5>Kontakt</h5> 1707<p><a rel="noopener" href="mailto:[email protected]" target="_blank" title="Send en mail">Send en mail til Køge Kyst</a></p> 1708<p><a href="/om-os/kontakt-koege-kyst/" title="Kontakt Køge Kyst">Find medarbejder</a><a href="#" title="Pressekontakt"></a></p> 1709 </div> 1710 <div class="c-footer__column-item c-rte"> 1711 <h5>Følg med</h5> 1712<p><a href="/om-os/tilmeld-nyhedsbrev/" title="Tilmeld nyhedsbrev">Tilmeld dig nyhedsbrevet</a></p> 1713 </div> 1714 </div> 1715 <div class="c-footer__column"> 1716 <div class="c-footer__column-item"> 1717 <ul class="c-footer__menu-items u-flex u-flex-wrap u-reset-ul"> 1718 1719 <li><a href="/cookie-politik/" tar 1720 class="c-btn c-btn--link">Cookies</a></li> 1721 <li><a href="/privatlivspolitik/" tar 1722 class="c-btn c-btn--link">Privatliv</a></li> 1723 <li><a href="/english/" tar 1724 class="c-btn c-btn--link">English</a></li> 1725 1726 </ul> 1727 </div> 1728 1729 <div class="c-footer__column-item c-footer__social-items"> 1730 <div class="c-social "> 1731 1732 <ul class="c-social__icons u-reset-ul"> 1733 <li> 1734 <a href="https://www.facebook.com/kkbyliv/" target="_blank" class="u-reset-a" aria-label="Facebook" > 1735 <svg class="u-icon--l "> 1736 <use xlink:href="/assets/icons.svg#facebook_icon" /> 1737 </svg> 1738 </a> 1739 </li> 1740 <li> 1741 <a href="https://www.linkedin.com/company/k%C3%B8ge-kyst/?viewAsMember=true" target="_blank" class="u-reset-a" aria-label="LinkedIn" > 1742 <svg class="u-icon--l "> 1743 <use xlink:href="/assets/icons.svg#linkedIn_icon" /> 1744 </svg> 1745 </a> 1746 </li> 1747 </ul> 1748 1749 1750 </div> 1751</div> 1752 </div> 1753 </footer> 1754 1755 </div> 1756</div> 1757 </main> 1758 1759 1760</body> 1761 1762</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.