1<!doctype html> 2<html lang="pl"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no"> 6 7 <link rel="stylesheet" href="https://mpk.czest.pl/css/preloader.css"> 8 <link rel="stylesheet" href="https://mpk.czest.pl/plugins/bootstrap/css/bootstrap.min.css"> 9 <link rel="stylesheet" href="https://mpk.czest.pl/plugins/font-awesome/css/fontawesome-all.min.css"> 10 11 <link rel="stylesheet" href="https://mpk.czest.pl/css/style.min.css"> 12 <link rel="stylesheet" href="https://mpk.czest.pl/css/accessibility.css"> 13 14 15 <link rel="stylesheet" href="https://mpk.czest.pl/plugins/owl-carousel/assets/owl.carousel.min.css"> 16 <link rel="stylesheet" href="https://mpk.czest.pl/plugins/owl-carousel/assets/owl.theme.default.min.css"> 17 18 <link rel="stylesheet" href="https://mpk.czest.pl/plugins/magnific-popup/magnific-popup.css"> 19 20 21 <link rel="icon" href="https://mpk.czest.pl/img/favicon.ico" type="image/x-icon"> 22 23 <title>MPK w CzÄstochowie S.A.</title> 24<meta name="description" content="Miejskie PrzedsiÄbiorstwo Komunikacyjne w CzÄstochowie SpóÅka akcyjna"> 25<meta property="og:title" content="MPK w CzÄstochowie S.A." /> 26<meta property="og:description" content="Miejskie PrzedsiÄbiorstwo Komunikacyjne w CzÄstochowie SpóÅka akcyjna" /> 27<meta property="og:url" content="https://mpk.czest.pl" /> 28<meta property="og:type" content="website" /> 29<meta property="og:image" content="http://mpk.czest.pl/img/logo_big.png" />
vendor: 89 bytes, lines 29-35
29 30 31 32 33 <script src="https://www.google.com/recaptcha/api.js" async defer></script> 34 35
35<link rel="stylesheet" 36 href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.2.1/css/ol.css" 37 type="text/css"> 38
38<script src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.2.1/build/ol.js"></script>
38 39 40 <div id="accessibility_color_styles"></div> 41 <div id="accessibility_font_size_styles"></div> 42</head> 43<body> 44 45<div id="preloader"> 46 <div class="spinner"> 47 <div class="rect1"></div> 48 <div class="rect2"></div> 49 <div class="rect3"></div> 50 <div class="rect4"></div> 51 <div class="rect5"></div> 52 </div> 53</div> 54 55<div id="fb-root"></div>
56<script>(function (d, s, id) { 57 var js, fjs = d.getElementsByTagName(s)[0]; 58 if (d.getElementById(id)) return; 59 js = d.createElement(s); 60 js.id = id; 61 js.src = 'https://connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.12&appId=893959260726219'; 62 fjs.parentNode.insertBefore(js, fjs); 63 }(document, 'script', 'facebook-jssdk'));</script>
63 64 65<div id="header-top"> 66 <div class="container"> 67 <div class="row"> 68 <div class="col-md-12"> 69 <div class="header-content"> 70 <span class="phone-item"> 71 <i class="fa fa-phone"></i> Centrala: 34 377 91 00 72 </span> 73 <span class="phone-item"> 74 <i class="fa fa-phone"></i> Dyspozytor: 34 377 91 65/66 75 </span> 76 <span class="phone-item"> 77 <i class="fa fa-phone"></i> Skargi i pochwaÅy: 34 377 91 64 78 </span> 79 <div class="button-box"> 80 81 <a href="#" class="accessibility-btn accessibility-color accessibility-white-black" data-type="white-black">A</a> 82 <a href="#" class="accessibility-btn accessibility-color accessibility-black-white" data-type="black-white">A</a> 83 <a href="#" class="accessibility-btn accessibility-color accessibility-yellow-black" data-type="yellow-black">A</a> 84 <a href="#" class="accessibility-btn accessibility-color accessibility-black-yellow" data-type="black-yellow">A</a> 85 86 <a href="#" class="accessibility-btn accessibility-font-size" data-type="size-0">A</a> 87 <a href="#" class="accessibility-btn accessibility-font-size" data-type="size-1">A+</a> 88 <a href="#" class="accessibility-btn accessibility-font-size" data-type="size-2">A++</a> 89 90 91 92 93 94 </div> 95 </div> 96 </div> 97 </div> 98 </div> 99</div> 100 101<nav class="navbar navbar-expand-lg navbar-light"> 102 <div class="container"> 103 <a class="navbar-brand" href="https://mpk.czest.pl"> 104 <img src="https://mpk.czest.pl/img/logo.png" class="logo"/> 105 </a> 106 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" 107 aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> 108 <span class="navbar-toggler-icon"></span> 109 </button> 110 111 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 112 113 <form action="https://mpk.czest.pl/szukaj" method="get" class="d-block d-lg-none"> 114 <div class="input-group mb-2 mt-1"> 115 <input type="text" class="form-control" name="search" 116 placeholder="Szukaj..."> 117 <div class="input-group-append"> 118 <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i></button> 119 </div> 120 </div> 121 </form> 122 123 <ul class="navbar-nav ml-auto"> 124 <li class="nav-item dropdown"> 125 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" 126 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 127 RozkÅad jazdy 128 </a> 129 <div class="dropdown-menu" aria-labelledby="navbarDropdown"> 130 <a class="dropdown-item " 131 href="https://www.czestochowa.pl/rozklady-jazdy" 132 target="_blank">RozkÅad jazdy</a> 133 <a class="dropdown-item " 134 href="https://mpk.czest.pl/dla-pasazera/mapa" 135 target="_self">Mapa</a> 136 <a class="dropdown-item " 137 href="https://mpk.czest.pl/public/cloud/index.php/s/uutbhxukj2pYM6T" 138 target="_self">Tabliczki</a> 139 </div> 140 </li> 141 <li class="nav-item dropdown"> 142 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" 143 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 144 Dla pasażera 145 </a> 146 <div class="dropdown-menu" aria-labelledby="navbarDropdown"> 147 <a class="dropdown-item " 148 href="https://mpk.czest.pl/taryfa-oplat-new" 149 target="_self">Taryfa opÅat</a> 150 <a class="dropdown-item " 151 href="https://mpk.czest.pl/ulgi" 152 target="_self">Ulgi</a> 153 <a class="dropdown-item " 154 href="https://mpk.czest.pl/oplata-za-jazde-bez-waznego-biletu" 155 target="_self">OpÅata za jazdÄ bez ważnego biletu</a> 156 <a class="dropdown-item " 157 href="https://mpk.czest.pl/regulamin-uslug-przewozowych" 158 target="_self">Regulamin usÅug przewozowych</a> 159 <a class="dropdown-item " 160 href="https://mpk.czest.pl/kontrola-biletowa" 161 target="_self">Kontrola biletowa</a> 162 <a class="dropdown-item " 163 href="https://mpk.czest.pl/czestochowska-karta-miejska" 164 target="_self">Karta Miejska</a> 165 <a class="dropdown-item " 166 href="https://mpk.czest.pl/dla-pasazera/punkty-sprzedazy" 167 target="_self">Punkty sprzedaży</a> 168 <a class="dropdown-item " 169 href="https://mpk.czest.pl/czestoplus-informacje" 170 target="_self">CzÄstoPlus</a> 171 <a class="dropdown-item " 172 href="https://mpk.czest.pl/dla-pasazera/faq" 173 target="_self">FAQ</a> 174 <a class="dropdown-item " 175 href="https://mpk.czest.pl/bilety-qr" 176 target="_self">Kasowanie biletów - kod QR</a> 177 <a class="dropdown-item " 178 href="https://mpk.czest.pl/biuro-rzeczy-znalezionych" 179 target="_self">
179Biuro Rzeczy Znalezionych</a> 180 <a class="dropdown-item " 181 href="https://mpk.czest.pl/inne" 182 target="_self">Inne</a> 183 </div> 184 </li> 185 <li class="nav-item dropdown"> 186 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" 187 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 188 O firmie 189 </a> 190 <div class="dropdown-menu" aria-labelledby="navbarDropdown"> 191 <a class="dropdown-item " 192 href="https://mpk.czest.pl/pracownicze-plany-kapitalowe-ppk" 193 target="_self">Pracownicze Plany KapitaÅowe - PPK</a> 194 <a class="dropdown-item " 195 href="https://mpk.czest.pl/o-firmie/kierownictwo" 196 target="_self">Kierownictwo</a> 197 <a class="dropdown-item " 198 href="https://mpk.czest.pl/o-firmie/tabor" 199 target="_self">Tabor</a> 200 <a class="dropdown-item " 201 href="https://mpk.czest.pl/o-firmie/historia" 202 target="_self">Historia</a> 203 <a class="dropdown-item " 204 href="https://mpk.czest.pl/o-firmie/po-godzinach" 205 target="_self">Po godzinach</a> 206 <a class="dropdown-item " 207 href="https://mpk.czest.pl/o-firmie/kalendarium-wydarzen" 208 target="_self">Kalendarium wydarzeÅ</a> 209 <a class="dropdown-item " 210 href="https://mpk.czest.pl/ogloszenia" 211 target="_self">OgÅoszenia</a> 212 </div> 213 </li> 214 <li class="nav-item dropdown"> 215 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" 216 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 217 UsÅugi 218 </a> 219 <div class="dropdown-menu" aria-labelledby="navbarDropdown"> 220 <a class="dropdown-item " 221 href="https://mpk.czest.pl/wynajem-autobusow" 222 target="_self">Wynajem autobusów</a> 223 <a class="dropdown-item " 224 href="https://mpk.czest.pl/uslugi/wynajem-tramwajow" 225 target="_self">Wynajem tramwajów</a> 226 <a class="dropdown-item " 227 href="https://mpk.czest.pl/uslugi/osrodek-szkolenia-kierowcow" 228 target="_self">OÅrodek Szkolenia Kierowców</a> 229 <a class="dropdown-item " 230 href="https://mpk.czest.pl/uslugi/diagnostyka-pojazdow" 231 target="_self">Diagnostyka pojazdów</a> 232 <a class="dropdown-item " 233 href="https://mpk.czest.pl/uslugi/uslugi-spawalniczo-slusarskie" 234 target="_self">UsÅugi spawalniczo - Ålusarskie</a> 235 <a class="dropdown-item " 236 href="https://mpk.czest.pl/uslugi/wynajem-taboru-gospodarczego-i-sprzetu" 237 target="_self">
237Wynajem taboru gospodarczego i sprzÄtu, myjnia</a> 238 <a class="dropdown-item " 239 href="https://mpk.czest.pl/dla-pasazera/zwiedzanie" 240 target="_self">Zwiedzanie</a> 241 </div> 242 </li> 243 <li class="nav-item dropdown"> 244 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" 245 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 246 Reklama 247 </a> 248 <div class="dropdown-menu" aria-labelledby="navbarDropdown"> 249 <a class="dropdown-item " 250 href="https://mpk.czest.pl/reklama/reklama-wewnetrzna-plakaty" 251 target="_self">Reklama wewnÄtrzna - plakaty</a> 252 <a class="dropdown-item " 253 href="https://mpk.czest.pl/reklama/reklama-zewnetrzna-autobusowa" 254 target="_self">Reklama zewnÄtrzna - autobusowa</a> 255 <a class="dropdown-item " 256 href="https://mpk.czest.pl/reklama/reklama-na-monitorach-lcd" 257 target="_self">Reklama na monitorach LCD</a> 258 <a class="dropdown-item " 259 href="https://mpk.czest.pl/tablice-reklamowe" 260 target="_self">Tablice reklamowe / Banery reklamowe</a> 261 <a class="dropdown-item " 262 href="https://mpk.czest.pl/reklama/regulamin-polityka-sprzedazy-reklam" 263 target="_self">Regulamin Polityki Sprzedaży Reklam</a> 264 </div> 265 </li> 266 <li class="nav-item dropdown"> 267 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" 268 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 269 Przetargi 270 </a> 271 <div class="dropdown-menu" aria-labelledby="navbarDropdown"> 272 <a class="dropdown-item " 273 href="https://mpk.czest.pl/przetargi/regulamin-przetargow" 274 target="_self">Regulamin przetargów</a> 275 <a class="dropdown-item " 276 href="https://mpk.czest.pl/przetargi/na-podstawie-regulaminu" 277 target="_self">Na podstawie regulaminu</a> 278 <a class="dropdown-item " 279 href="https://mpk.czest.pl/platforma-przetargowa" 280 target="_self">Na podstawie PZP - Platforma przetargowa</a> 281 <a class="dropdown-item " 282 href="https://mpk.czest.pl/przetargi/archiwum" 283 target="_self">Archiwum</a> 284 <a class="dropdown-item " 285 href="https://mpk.czest.pl/przetargi/regulamin-dialogu-technicznego" 286 target="_self">Regulamin dialogu technicznego</a> 287 </div> 288 </li> 289 <li class="nav-item dropdown"> 290 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" 291 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 292 Multimedia 293 </a> 294 <div class="dropdown-menu" aria-labelledby="navbarDropdown"> 295 <a class="dropdown-item " 296 href="https://mpk.czest.pl/galeria" 297 target="_self">Galeria</a> 298 <a class="dropdown-item " 299 href="https://mpk.czest.pl/multimedia/filmy" 300 target="_self">Filmy</a> 301 <a class="dropdown-item " 302 href="https://mpk.czest.pl/multimedia/dzwieki" 303 target="_self">DźwiÄki</a> 304 </div> 305 </li> 306 <li class="nav-item dropdown"> 307 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" 308 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 309 Praca 310 </a> 311 <div class="dropdown-menu" aria-labelledby="navbarDropdown"> 312 <a class="dropdown-item " 313 href="https://mpk.czest.pl/informacja-dotyczaca-rekrutacji" 314 target="_self">Informacja dotyczÄ ca rekrutacji</a> 315 <a class="dropdown-item " 316 href="https://mpk.czest.pl/ogloszenia-o-prace-new" 317 target="_self">OgÅoszenia o pracÄ</a> 318 </div> 319 </li> 320 <li class="nav-item "> 321 <a class="nav-link" href="https://mpk.czest.pl/kontakt" 322 target="_self">Kontakt</a> 323 </li> 324 </ul> 325 <div class="btn btn-search btn-sm d-none d-sm-none d-md-n d-lg-block"> 326 <a href="#"><i class="fa fa-search"></i></a> 327 <div class="search-box"> 328 <form action="https://mpk.czest.pl/szukaj" method="get"> 329 <input type="text" name="search" placeholder="Szukaj..." 330 class="form-control form-control-sm"/> 331 </form> 332 </div> 333 </div> 334 </div> 335 </div> 336</nav> 337 338<div class="top-bar"></div> 339 340 <div id="slider_outer"> 341 <div id="slider_carousel" class="owl-carousel"> 342 <div class="slider" style="background-image: url('https://mpk.czest.pl/uploads/banners/2019/01/c968ec293de13c03f9d5bf1373f01dc9.jpg');"></div> 343 </div> 344 <div class="slider_header"> 345 <h1>Miejskie PrzedsiÄbiorstwo Komunikacyjne<br/>w CzÄstochowie S. A.<br/> 346 <small> </small> 347 </h1> 348 <img src="https://mpk.czest.pl/img/logo_big.png" class="img-fluid"> 349 </div> 350 </div> 351 352<div class="container-fluid" id="page-content"> 353 <div class="row"> 354 <div class="col-lg-9 col-md-8 content-left"> 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 <div class="main-title"> 386 <h3>Wydarzenia i aktualnoÅci</h3> 387 </div> 388 389 <div class="row"> 390 <div class="col-lg-6"> 391 <div class="news-item"> 392 <a href="https://mpk.czest.pl/aktualnosci/2026/09/dzien-bez-samochodu"> 393 <div class="news-header" style="background-image:url('https://mpk.czest.pl/uploads/posts/2026/09/thumbs/455-dzien-bez-samochodu.jpg');"> 394 <div class="news-date">
395 <span class="news-day">16</span> 396 <span>wrzeÅnia 2026</span> 397 </div> 398 </div> 399 </a> 400 <h6 class="news-title"> 401 <a href="https://mpk.czest.pl/aktualnosci/2026/09/dzien-bez-samochodu"> 402 DzieÅ Bez Samochodu 403 </a> 404 </h6> 405 <p>Informujemy, że dzieÅ 22 wrzeÅnia 2026 r. bÄdzie "Dniem Bez Samochodu", w którym przysÅuguje uprawnienie do bezpÅatnych przejazdów Årodkami komunikacji miejskiej w CzÄstochowie dla wÅaÅcicieli i wspóÅwÅaÅcicieli samochodów osobowych, motocykli i skuterów na podstawie dowodu rejestracyjnego pojazdu, który należy okazaÄ na Å¼Ä danie osobom kontrolujÄ cym bilety.</p> 406 </div> 407 </div> 408 <div class="col-lg-6"> 409 <div class="news-item"> 410 <a href="https://mpk.czest.pl/aktualnosci/2026/09/przelomowe-rzeczy-dzieja-sie-u-nas-nie-tylko-na-zajezdni-pojedziecie-tez-z-nami-czesto-plusem"> 411 <div class="news-header" style="background-image:url('https://mpk.czest.pl/uploads/posts/2026/09/thumbs/454-przelomowe-rzeczy-dzieja-sie-u-nas-nie-tylko-na-zajezdni-pojedziecie-tez-z-nami-czesto-plusem.jpg');"> 412 <div class="news-date"> 413 <span class="news-day">15</span> 414 <span>wrzeÅnia 2026</span> 415 </div> 416 </div> 417 </a> 418 <h6 class="news-title"> 419 <a href="https://mpk.czest.pl/aktualnosci/2026/09/przelomowe-rzeczy-dzieja-sie-u-nas-nie-tylko-na-zajezdni-pojedziecie-tez-z-nami-czesto-plusem"> 420 PrzeÅomowe rzeczy dziejÄ siÄ u nas nie tylko na zajezdni - pojedziecie też z nami "CzÄsto Plusem"! 421 </a> 422 </h6> 423 <p></p> 424 </div> 425 </div> 426 <div class="col-lg-6"> 427 <div class="news-item"> 428 <a href="https://mpk.czest.pl/aktualnosci/2026/09/historia-na-naszych-oczach-najwiekszy-zakup-ekoautobusow-w-naszej-histroii-na-horyzoncie"> 429 <div class="news-header" style="background-image:url('https://mpk.czest.pl/uploads/posts/2026/09/thumbs/453-historia-na-naszych-oczach-najwiekszy-zakup-ekoautobusow-w-naszej-histroii-na-horyzoncie.jpg');"> 430 <div class="news-date"> 431 <span class="news-day">14</span> 432 <span>wrzeÅnia 2026</span> 433 </div> 434 </div> 435 </a> 436 <h6 class="news-title"> 437 <a href="https://mpk.czest.pl/aktualnosci/2026/09/historia-na-naszych-oczach-najwiekszy-zakup-ekoautobusow-w-naszej-histroii-na-horyzoncie"> 438 Historia na naszych oczach - najwiÄksza modernizacja naszego taboru autobusowego na horyzoncie! 439 </a> 440 </h6> 441 <p>NajwiÄksza jednorazowa modernizacja naszego taboru autobusowego bÄdzie możliwa dziÄki potwierdzeniu uzyskania rekordowego, bo wynoszÄ cego 181 mln zÅ dofinansowania ze Årodków z UE w ramach programu "Feniks". ÅÄ cznie za ponad ÄwierÄ miliarda zÅotych do dyspozycji naszych pasażerów w przeciÄ gu dwóch lat bÄdÄ 64 nowe autobusy o napÄdzie elektrycznym i wodorowym. 442</p> 443 </div> 444 </div> 445 <div class="col-lg-6"> 446 <div class="news-item"> 447 <a href="https://mpk.czest.pl/aktualnosci/2026/08/umowa-na-zakup-nowych-autobusow-elesktrycznych-podpisana"> 448 <div class="news-header" style="background-image:url('https://mpk.czest.pl/uploads/posts/2026/08/thumbs/452-umowa-na-zakup-nowych-autobusow-elesktrycznych-podpisana.jpg');"> 449 <div class="news-date">
450 <span class="news-day">25</span> 451 <span>sierpnia 2026</span> 452 </div> 453 </div> 454 </a> 455 <h6 class="news-title"> 456 <a href="https://mpk.czest.pl/aktualnosci/2026/08/umowa-na-zakup-nowych-autobusow-elesktrycznych-podpisana"> 457 Umowa na zakup nowych autobusów elektrycznych 458 </a> 459 </h6> 460 <p> 461We wtorkowe przedpoÅudnie (25.08) w siedzibie Miejskiego PrzedsiÄbiorstwa Komunikacyjnego w CzÄstochowie podpisano umowÄ na dostarczenie do naszego miasta czterech zeroemisyjnych autobusów o napÄdzie elektrycznym w ramach przedsiÄwziÄcia pn. âRozwój zeroemisyjnego transportu zbiorowego w MieÅcie CzÄstochowaâ 462</p> 463 </div> 464 </div> 465 <div class="col-lg-6"> 466 <div class="news-item"> 467 <a href="https://mpk.czest.pl/aktualnosci/2026/08/przyjecia-interesantow-w-dniach-23122025r-oraz-3012-2025r"> 468 <div class="news-header" style="background-image:url('https://mpk.czest.pl/uploads/posts/2025/12/thumbs/437-przyjecia-interesantow-w-dniach-23122025r-oraz-3012-2025r.jpg');"> 469 <div class="news-date"> 470 <span class="news-day">18</span> 471 <span>sierpnia 2026</span> 472 </div> 473 </div> 474 </a> 475 <h6 class="news-title"> 476 <a href="https://mpk.czest.pl/aktualnosci/2026/08/przyjecia-interesantow-w-dniach-23122025r-oraz-3012-2025r"> 477 PrzyjÄcia Interesantów w dniu 18.08.2026 478 </a> 479 </h6> 480 <p>INFORMUJEMY, Å»E W DNIU 18.08.2026 PRZYJÄCIA INTERESANTÃW PRZEZ ZARZÄD MPK W GODZ.15.00-16.00 SÄ ODWOÅANE. 481 </p> 482 </div> 483 </div> 484 <div class="col-lg-6"> 485 <div class="news-item"> 486 <a href="https://mpk.czest.pl/aktualnosci/2026/08/to-juz-pewne-czestochowskie-mpk-wzbogaci-sie-min-o-kolejne-autobusy-i-nowa-hale-konferencja-prasowa"> 487 <div class="news-header" style="background-image:url('https://mpk.czest.pl/uploads/posts/2026/08/thumbs/451-to-juz-pewne-czestochowskie-mpk-wzbogaci-sie-min-o-kolejne-autobusy-i-nowa-hale-konferencja-prasowa.jpg');"> 488 <div class="news-date"> 489 <span class="news-day">6</span> 490 <span>sierpnia 2026</span> 491 </div> 492 </div> 493 </a> 494 <h6 class="news-title"> 495 <a href="https://mpk.czest.pl/aktualnosci/2026/08/to-juz-pewne-czestochowskie-mpk-wzbogaci-sie-min-o-kolejne-autobusy-i-nowa-hale-konferencja-prasowa"> 496 To już pewne - czÄstochowskie MPK wzbogaci siÄ m.in. o kolejne autobusy i nowÄ halÄ - konferencja prasowa 497 </a> 498 </h6> 499 <p> 500Na terenie zajezdni czÄstochowskiego MPK odbyÅa siÄ dziÅ konferencja prasowa z udziaÅem przedstawicieli wÅadz miasta i zarzÄ du spóÅki. OkazjÄ byÅy kolejne inwestycje w rozwój zeroemisyjnego transportu zbiorowego w mieÅcie. PrzesÄ dzone sÄ bowiem: zakup 4 kolejnych autobusów elektrycznych (12 metrowych) i budowa nowej hali autobusowej do obsÅugi zeroemisyjnego taboru oraz przebudowa ostatniego odcinka linii tramwajowej. 501</p> 502 </div> 503 </div> 504 <div class="col-lg-6"> 505 <div class="news-item"> 506 <a href="https://mpk.czest.pl/aktualnosci/2026/07/tramwaje-wrocily-na-stale-trasy-w-calym-miescie"> 507 <div class="news-header" style="background-image:url('https://mpk.czest.pl/uploads/posts/2026/07/thumbs/450-tramwaje-wrocily-na-stale-trasy-w-calym-miescie.jpg');"> 508 <div class="news-date">
509 <span class="news-day">27</span> 510 <span>lipca 2026</span> 511 </div> 512 </div> 513 </a> 514 <h6 class="news-title"> 515 <a href="https://mpk.czest.pl/aktualnosci/2026/07/tramwaje-wrocily-na-stale-trasy-w-calym-miescie"> 516 Tramwaje wróciÅy na staÅe trasy na wszystkich liniach 517 </a> 518 </h6> 519 <p>Po zakoÅczonych pracach serwisowych oraz po uprzednich próbach i przejazdach technicznych ruch tramwajów na wszystkich trasach w naszym mieÅcie wraciÅ w poniedziaÅek (27.07) zgodnie z wakacyjnym rozkÅadem jazdy. Tym samym przestaÅa funkcjonowaÄ autobusowa komunikacja zastÄpcza DziÄkujemy za cierpliwoÅÄ </p> 520 </div> 521 </div> 522 <div class="col-lg-6"> 523 <div class="news-item"> 524 <a href="https://mpk.czest.pl/aktualnosci/2026/07/przydatne-zasady-podrozowania-z-mpk-przypomnienie-niezbednika-pasazera"> 525 <div class="news-header" style="background-image:url('https://mpk.czest.pl/uploads/posts/2026/07/thumbs/449-przydatne-zasady-podrozowania-z-mpk-przypomnienie-niezbednika-pasazera.jpg');"> 526 <div class="news-date"> 527 <span class="news-day">15</span> 528 <span>lipca 2026</span> 529 </div> 530 </div> 531 </a> 532 <h6 class="news-title"> 533 <a href="https://mpk.czest.pl/aktualnosci/2026/07/przydatne-zasady-podrozowania-z-mpk-przypomnienie-niezbednika-pasazera"> 534 Przydatne zasady podróżowania z MPK - przypomnienie niezbÄdnika pasażera 535 </a> 536 </h6> 537 <p> 538W Ålad za postÄpujÄ cymi od lat zmianami w ofercie dla naszych pasażerów i w efekcie modyfikacji regulaminu usÅug MPK, zgodnie z jego zapisami obowiÄ zujÄ cymi aktualnie w Miejskim PrzedsiÄbiorstwie Komunikacyjnym w CzÄstochowie - warto przypomnieÄ szereg kluczowych zasad, które podróżujÄ cy naszymi autobusami i tramwajami powinni przyswoiÄ. DziÄki temu podróż z MPK bÄdzie bardziej komfortowa. 539</p> 540 </div> 541 </div> 542 </div> 543 544 <div class="text-center"> 545 <a href="https://mpk.czest.pl/aktualnosci" class="btn btn-secondary">Zobacz wszystkie wpisy</a> 546 </div> 547 548 <div class="main-title" style="margin-top: 50px;"> 549 <h3>OgÅoszenia komunikacyjne</h3> 550 </div> 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 <div class="text-center mt-4"> 578 579 <a href="https://www.czestochowa.pl/aktualnosci-komunikacja" target="_blank" 580 class="btn btn-secondary">Zobacz wszystkie ogÅoszenia komunikacyjne</a> 581 </div> 582 583 <div class="mb-4"></div> 584 585 <div id="vehicles_box"> 586 <div class="main-title vehicles-title"> 587 <h3>Liczba pojazdów</h3> 588 </div> 589 590 <canvas id="vehicles_chart" height="100"></canvas> 591 </div> 592 593 </div> 594 <div class="col-lg-3 col-md-4 sidebar"> 595 <div class="sidebar-item"> 596 <div id="banners_sidebar_top"> 597 <div class="banner-sidebar text-center"> 598 <a href="https://live.mpk.czest.pl" target="_blank"> 599 <img src="https://mpk.czest.pl/uploads/banners/2018/10/e01cd6a9a24760f9111157dbb0021b20.png" title="System Dynamicznej Informacji Pasażerskiej liveMPK" 600 alt="System Dynamicznej Informacji Pasażerskiej liveMPK" class="img-fluid"/> 601 </a> 602 </div> 603 <div class="banner-sidebar text-center"> 604 <a href="https://karta.mpk.czest.pl/" target="_blank"> 605 <img src="https://mpk.czest.pl/uploads/banners/2025/09/7ad58ed0ffb1742c4ef497a3c7eddc55.png" title="Kup bilet nie wychodzÄ c z domu" 606 alt="Kup bilet nie wychodzÄ c z domu" class="img-fluid"/> 607 </a> 608 </div> 609 <div class="banner-sidebar text-center"> 610 <a href="https://zbiletem.pl/czestochowa" target="_blank"> 611 <img src="https://mpk.czest.pl/uploads/banners/2020/01/d6235f9b43f74f9642ddee0489b0cb9e.png" title="zbiletem.pl" 612 alt="zbiletem.pl" class="img-fluid"/> 613 </a> 614 </div> 615 </div> 616 </div> 617 618 <div class="sidebar-item"> 619 <div class="main-title"> 620 <h5>Przetargi</h5> 621 </div> 622 <div id="tenders_controls" class="controls"></div> 623 624 <div id="tenders_carousel" class="owl-carousel announcements"> 625 <div class="announcement"> 626 <h6 class="announcement-title"> 627 <small> 628 <i class="far fa-calendar-alt"></i> 19 sierpnia 2026 629 </small> 630 Wykonanie inwestycji w formule âzaprojektuj i wybudujâ dla zadania budowa stacji SN 15/0,4kV âÅadowarki 3â, âÅadowarki 4â, âÅadowarki 5â, wraz z liniami zasilania Åredniego napiÄcia SN 15kV na potrzeby zasilania nowych stacjonarnych Åadowarek autobusów elektrycznych 631 </h6> 632 <div class="lastDetail"> 633 <h6>Ostatnia aktywnoÅÄ:</h6> 634 Informacja o wyborze oferty najkorzystniejszej 635 <div class="date"> 636 <i class="far fa-calendar-alt"></i> 14 wrzeÅnia 2026 637 </div> 638 </div> 639 640 <a href="https://mpk.czest.pl/przetargi/przetarg/246" 641 class="btn btn-primary btn-sm popup-btn">wiÄcej</a> 642 </div> 643 <div class="announcement"> 644 <h6 class="announcement-title"> 645 <small> 646 <i class="far fa-calendar-alt"></i> 08 czerwca 2026 647 </small> 648 Rozwój zeroemisyjnego transportu zbiorowego w MieÅcie CzÄstochowaâ - Rozbudowa hali tramwajowej z wydzieleniem pomieszczeÅ do obsÅugi oraz napraw taboru autobusowego o napÄdzie elektrycznymâ w systemie âprojektuj I budujâ 649 </h6> 650 <div class="lastDetail"> 651 <h6>Ostatnia aktywnoÅÄ:</h6> 652 OgÅoszenie w Bazie KonkurencyjnoÅci 653 <div class="date"> 654 <i class="far fa-calendar-alt"></i> 08 czerwca 2026 655 </div> 656 </div> 657 658 <a href="https://mpk.czest.pl/przetargi/przetarg/245" 659 class="btn btn-primary btn-sm popup-btn">wiÄcej</a> 660 </div> 661 </div> 662 </div> 663 664 <div class="sidebar-item"> 665 <div class="main-title"> 666 <h5>OgÅoszenia</h5> 667 </div> 668 <div id="announcements_controls" class="controls"></div> 669 670 <div id="announcements_carousel" class="owl-carousel announcements"> 671 <div class="announcement"> 672 <h6 class="announcement-title"> 673 <small> 674 <i class="far fa-calendar-alt"></i> 14 stycznia 2025 675 </small> 676 Sprzedaż autobus Autosan A1010 677 </h6> 678 <p>Miejskie PrzedsiÄbiorstwo Komunikacyjne w CzÄstochowie S.A. posiada do sprzedaży autobus Autosan A1010, rok produkcji 2005, cena netto 14250zÅ + podatek Vat 23%. WiÄcej inform[...]</p> 679 <a href="https://mpk.czest.pl/ogloszenia/24" 680 class="btn btn-primary btn-sm">wiÄcej</a> 681 </div> 682 <div class="announcement"> 683 <h6 class="announcement-title"> 684 <small> 685 <i class="far fa-calendar-alt"></i> 26 października 2022 686 </small> 687 Sprzedaż superkondensatorów 688 </h6> 689 <p>MPK w CzÄstochowie Sp. z o. o. sprzeda 39 sztuki nowych, nieużywanych superkondensatorów LSUM 129R6C 0062F EA w cenie 14 100,00 zÅ netto + 23% VAT za 1 szt. 690Dodatkowe informac[...]</p> 691 <a href="https://mpk.czest.pl/ogloszenia/10" 692 class="btn btn-primary btn-sm">wiÄcej</a> 693 </div> 694 <div class="announcement"> 695 <h6 class="announcement-title"> 696 <small> 697 <i class="far fa-calendar-alt"></i> 05 maja 2022 698 </small> 699 Sprzedaż czÄÅci Ikarus 700 </h6> 701 <p>MPK w CzÄstochowie S.A. posiada do odsprzedaży opony: 702</p> 703 <a href="https://mpk.czest.pl/ogloszenia/14" 704 class="btn btn-primary btn-sm">wiÄcej</a> 705 </div> 706 <div class="announcement"> 707 <h6 class="announcement-title"> 708 <small> 709 <i class="far fa-calendar-alt"></i> 22 czerwca 2021 710 </small> 711 Sprzedaż wyposażenia 712 </h6> 713 <p>MPK w CzÄstochowie posiada do odsprzedaży wyposażenie: 714</p> 715 <a href="https://mpk.czest.pl/ogloszenia/13" 716 class="btn btn-primary btn-sm">wiÄcej</a> 717 </div> 718 <div class="announcement"> 719 <h6 class="announcement-title"> 720 <small> 721 <i class="far fa-calendar-alt"></i> 15 lutego 2021 722 </small> 723 Sprzedaż tramwajów Konstal 105Na 724 </h6> 725 <p>MPK w CzÄstochowie S.A. posiada do odsprzedaży likwidowane tramwaje Konstal typ 105Na o numerach wewnÄtrznych: 726</p> 727 <a href="https://mpk.czest.pl/ogloszenia/11" 728 class="btn btn-primary btn-sm">wiÄcej</a> 729 </div> 730 <div class="announcement"> 731 <h6 class="announcement-title"> 732 <small> 733 <i class="far fa-calendar-alt"></i> 17 sierpnia 2020 734 </small> 735 Sprzedaż pawilonu handlowego 736 </h6> 737 <p>MPK w CzÄstochowie S.A. sprzeda pawilon handlowy o powierzchni 46,6 m2, zlokalizowany w CzÄstochowie, Al. Pokoju przy pÄtli tramwajowej. Cena wywoÅawcza: 80 000,00 PLN netto + [...]</p> 738 <a href="https://mpk.czest.pl/ogloszenia/8" 739 class="btn btn-primary btn-sm">wiÄcej</a> 740 </div> 741 <div class="announcement"> 742 <h6 class="announcement-title"> 743 <small> 744 <i class="far fa-calendar-alt"></i> 08 lipca 2019 745 </small> 746 Wynajem lokalu 747 </h6> 748 <p>MPK w CzÄstochowie S.A. posiada do wynajÄcia lokal użytkowy z zapleczem 749</p> 750 <a href="https://mpk.czest.pl/ogloszenia/1" 751 class="btn btn-primary btn-sm">wiÄcej</a> 752 </div> 753 <div class="announcement"> 754 <h6 class="announcement-title"> 755 <small> 756 <i class="far fa-calendar-alt"></i> 09 maja 2017 757 </small> 758 UdostÄpnienie stacji CNG dla klientów zewnÄtrznych 759 </h6> 760 <p>Niniejszym informujemy, że z dniem 8 maja 2017r. otwarta zostanie DLA KLIENTÃW ZEWNÄTRZNYCH stacja tankowania CNG, znajdujÄ ca siÄ na terenie zajezdni MPK w CzÄstochowie S.A. przy ul. Źrodlanej. 761</p> 762 <a href="https://mpk.czest.pl/ogloszenia/2" 763 class="btn btn-primary btn-sm">wiÄcej</a> 764 </div> 765 </div> 766 </div> 767 768 <div class="sidebar-item"> 769 <div class="main-title"> 770 771 <h5>Punkty sprzedaży</h5> 772 </div> 773 774 775 776 <div id="sidebar_map" style="width: 100%;height: 400px;"></div> 777 </div> 778 779 <div class="sidebar-item"> 780 <div id="banners_sidebar"> 781 <div class="banner-sidebar"> 782 <a href="http://mpk.czest.pl/
782ogloszenia/2" target="_self"> 783 <img src="https://mpk.czest.pl/uploads/banners/2018/07/e776877b431f8746a1a2e5f117d57670.png" title="Stacja CNG" 784 alt="Stacja CNG" class="img-fluid"/> 785 </a> 786 </div> 787 <div class="banner-sidebar"> 788 <a href="/uslugi/diagnostyka-pojazdow" target="_self"> 789 <img src="https://mpk.czest.pl/uploads/banners/2018/04/76ddc50c70f2be1f01c742d8c2ea85f1.png" title="OkrÄgowa Stacja Kontroli Pojazdów" 790 alt="OkrÄgowa Stacja Kontroli Pojazdów" class="img-fluid"/> 791 </a> 792 </div> 793 <div class="banner-sidebar"> 794 <a href="/uslugi/osrodek-szkolenia-kierowcow" target="_self"> 795 <img src="https://mpk.czest.pl/uploads/banners/2018/04/bda4ebcf98216cd5a75b2d04cb20ff9c.png" title="OÅrodek szkolenia kierowców" 796 alt="OÅrodek szkolenia kierowców" class="img-fluid"/> 797 </a> 798 </div> 799 <div class="banner-sidebar"> 800 <a href="/inwestycje-ue" target="_self"> 801 <img src="https://mpk.czest.pl/uploads/banners/2018/04/b47b63c61f40b50903c874821f6b06f4.png" title="Projekty Europejskie" 802 alt="Projekty Europejskie" class="img-fluid"/> 803 </a> 804 </div> 805 <div class="banner-sidebar"> 806 <a href="/infoakcjonariusze" target="_self"> 807 <img src="https://mpk.czest.pl/uploads/banners/2022/11/392942bbe4c821a19255a3fbd17f3fd2.png" title="InfoAkcjonariusze" 808 alt="InfoAkcjonariusze" class="img-fluid"/> 809 </a> 810 </div> 811 <div class="banner-sidebar"> 812 <a href="http://bip.mpk.czest.pl/" target="_blank"> 813 <img src="https://mpk.czest.pl/uploads/banners/2018/04/5b9963d01725190b53f59a1e8ec95d66.png" title="BIP" 814 alt="BIP" class="img-fluid"/> 815 </a> 816 </div> 817 </div> 818 </div> 819 </div> 820 </div> 821</div> 822 823 <div class="container-fluid banners-footer-carousel"> 824 <div class="row"> 825 <div id="banners_footer_carousel_controls_l" 826 class="col-md-1 d-none d-md-flex banners_footer_carousel_controls"> 827 <i class="fa fa-chevron-left"></i> 828 </div> 829 <div class="col-md-10"> 830 <div id="banners_footer_carousel" class="owl-carousel"> 831 <div class="item"> 832 <a href="/dla-pasazera/elektroniczna-portmonetka" target="_self"> 833 <img src="https://mpk.czest.pl/uploads/banners/2018/04/df
833c422417ee643b42ce70b280c6c504e.png" title="Elektroniczna portmonetka" 834 alt="Elektroniczna portmonetka" class="img-fluid"/> 835 </a> 836 </div> 837 <div class="item"> 838 <a href="http://lepszakomunikacja.czestochowa.pl/" target="_blank"> 839 <img src="https://mpk.czest.pl/uploads/banners/2018/04/d2a701326a25940f6f92933537218165.png" title="Program Lepsza Komunikacja - CzÄstochowa" 840 alt="Program Lepsza Komunikacja - CzÄstochowa" class="img-fluid"/> 841 </a> 842 </div> 843 <div class="item"> 844 <a href="/inwestycje-ue" target="_self"> 845 <img src="https://mpk.czest.pl/uploads/banners/2018/04/d10f3ad5899e1349e49f8109116b24d4.png" title="Europejski Fundusz Rozwoju Regionalnego" 846 alt="Europejski Fundusz Rozwoju Regionalnego" class="img-fluid"/> 847 </a> 848 </div> 849 <div class="item"> 850 <a href="/inwestycje-zakup-autobusow-hybrydowych" target="_self"> 851 <img src="https://mpk.czest.pl/uploads/banners/2018/04/8dc61c1a112fadffd0859d62cf428a48.png" title="Sfinansowano ze Årodków NFOÅiGW" 852 alt="Sfinansowano ze Årodków NFOÅiGW" class="img-fluid"/> 853 </a> 854 </div> 855 </div> 856 </div> 857 <div id="banners_footer_carousel_controls_r" 858 class="col-md-1 d-none d-md-flex banners_footer_carousel_controls"> 859 <i class="fa fa-chevron-right"></i> 860 </div> 861 </div> 862 </div> 863 864<footer> 865 <div class="container"> 866 <div class="row"> 867 <div class="col-lg-4 col-md-4 mb-2 mb-lg-0 text-md-left text-center"> 868 Miejskie PrzedsiÄbiorstwo Komunikacyjne w CzÄstochowie S.A.<br/> 869 ul. Al. NiepodlegÅoÅci 30, 42-216 CzÄstochowa<br/> 870 NIP: 949-172-38-46<br/> 871 BDO: 000124401<br/> 872 KRS: 0001000485<br/> 873 SÄ d Rejonowy w CzÄstochowie<br/> 874 XVII WydziaÅ Gospodarczy Krajowego Rejestru SÄ dowego<br/> 875 KapitaÅ zakÅadowy: 166 067 000,00 PLN<br/><br/> 876 <a href="https://mpk.czest.pl/polityka-prywatnosci" style="white-space: nowrap; margin-right: 15px;">Polityka prywatnoÅci</a> 877 <a href="https://mpk.czest.pl/deklaracja-dostepnosci" style="white-space: nowrap;">Deklaracja dostÄpnoÅci</a> 878 </div> 879 <div class="col-lg-4 col-md-4 text-center"> 880 <div class="embed-responsive embed-responsive-16by9"> 881 <iframe src="https://www.youtube.com/embed/?listType=user_uploads&list=mpkczwa" 882 allowfullscreen></iframe> 883 </div> 884 </div> 885 <div class="col-lg-4 col-md-4 text-right"> 886 <div class="fb-page" data-href="https://www.facebook.com/mpkczestochowa" data-width="500" 887 data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" 888 data-show-facepile="true"> 889 <blockquote cite="https://www.facebook.com/mpkczestochowa" class="fb-xfbml-parse-ignore"><a 890 href="https://www.facebook.com/mpkczestochowa">MPK w CzÄstochowie SA</a> 891 </blockquote> 892 </div> 893 </div> 894 </div> 895 </div> 896</footer> 897 898<div class="footer-copyright"> 899 <div class="container"> 900 <div class="row"> 901 <div class="col-md-12 text-center">
902 Copyright © 2026 MPK w CzÄstochowie 903 Wszystkie prawa zastrzeżone 904 </div> 905 906 907 908 909 </div> 910 </div> 911</div> 912 913<div class="alert alert-dismissible text-center cookiealert" role="alert"> 914 <div class="cookiealert-container"> 915 <h6>TA STRONA UÅ»YWA COOKIE</h6> 916 Nasz serwis używa plików cookies, aby lepiej speÅniaÄ PaÅstwa wymagania. WÅaÅciwa konfiguracja ustawieÅ przeglÄ darki internetowej pozwala na zablokowanie zapisywania plików cookies lub ich usuniÄcie, ale może również spowodowaÄ utrudnienia lub brak dziaÅania serwisu. KontynuujÄ c przeglÄ danie serwisu bez zmian ustawieÅ przeglÄ darki akceptujesz zapisywanie plików cookies. ZmieniliÅmy naszÄ PolitykÄ PrywatnoÅci w odniesieniu do plików cookie i innych podobnych technologii. 917 918 <a href="https://mpk.czest.pl/polityka-prywatnosci"> 919 Dowiedz siÄ wiÄcej 920 </a> 921 <button type="button" class="btn btn-primary btn-sm acceptcookies"> 922 <i class="fa fa-times"></i> 923 </button> 924 </div> 925</div> 926
927<script src="https://mpk.czest.pl/plugins/jquery/jquery.min.js"></script>
vendor: 1 bytes, line 927
927
928<script src="https://mpk.czest.pl/plugins/popper/popper.min.js"></script>
vendor: 1 bytes, line 928
928
929<script src="https://mpk.czest.pl/plugins/bootstrap/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 929
929
930<script src="https://mpk.czest.pl/plugins/owl-carousel/owl.carousel.min.js"></script>
vendor: 1 bytes, line 930
930
931<script src="https://mpk.czest.pl/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
vendor: 1 bytes, line 931
931
932<script src="https://mpk.czest.pl/js/cookieinfo.min.js"></script>
vendor: 1 bytes, line 932
932
933<script src="https://mpk.czest.pl/js/accessibility.js"></script>
933 934 935<div id="popup" class="ol-popup"> 936 <a href="#" id="popup-closer" class="ol-popup-closer"></a> 937 <div id="popup-content"></div> 938</div> 939 940
940<script type="text/javascript" src="https://mpk.czest.pl/plugins/jquery-appear/jquery.appear.min.js"></script>
940 941
941<script type="text/javascript" src="https://mpk.czest.pl/plugins/chart-js/chart.min.js"></script>
941 942 943
943<script type="text/javascript"> 944 Chart.defaults.global.animation.duration = 5000; 945 $(function ($) { 946 "use strict"; 947 $('#vehicles_chart').appear(function () { 948 var ctx = $(this); 949 var myChart = new Chart(ctx, { 950 type: 'bar', 951 data: { 952 labels: ["2010","2011","2012","2013","2014","2015","2016","2017"], 953 datasets: [ 954 { 955 label: 'autobusów', 956 data: [147,141,144,143,153,161,159,200], 957 backgroundColor: 'rgba(1, 128, 200, 0.7)', 958 borderColor: 'rgba(1, 128, 200, 1)', 959 borderWidth: 1 960 }, 961 { 962 label: 'tramwajów', 963 data: [48,48,55,53,53,51,51,51], 964 backgroundColor: 'rgba(249, 190, 15, 0.7)', 965 borderColor: 'rgba(249, 190, 15, 1)', 966 borderWidth: 1 967 } 968 ] 969 }, 970 options: { 971 scales: { 972 yAxes: [{ 973 ticks: { 974 beginAtZero: true 975 } 976 }] 977 } 978 } 979 }); 980 }); 981 }); 982 </script>
982 983
984<script src="https://mpk.czest.pl/js/main.js"></script>
984 985
986<script> 987 if ($('#sidebar_map').length > 0) { 988 var baseMapLayer = new ol.layer.Tile({ 989 source: new ol.source.OSM() 990 }); 991 var map = new ol.Map({ 992 target: 'sidebar_map', 993 layers: [baseMapLayer], 994 view: new ol.View({ 995 center: ol.proj.fromLonLat([19.12440893, 50.8089997]), 996 zoom: 12 997 }) 998 }); 999 1000 var container = document.getElementById('popup'); 1001 var content = document.getElementById('popup-content'); 1002 var closer = document.getElementById('popup-closer'); 1003 1004 var overlay = new ol.Overlay({ 1005 element: container, 1006 autoPan: true, 1007 autoPanAnimation: { 1008 duration: 250 1009 } 1010 }); 1011 1012 closer.onclick = function() { 1013 overlay.setPosition(undefined); 1014 closer.blur(); 1015 return false; 1016 }; 1017 1018 map.addOverlay(overlay); 1019 1020 var marker = new ol.Feature({ 1021 geometry: new ol.geom.Point( 1022 ol.proj.fromLonLat([19.129602, 50.807751]) 1023 ), 1024 id: '1', 1025 text: "<h6>Biletomat</h6><p>Galeria Jurajska</p>" 1026 1027 }); 1028 marker.setStyle(new ol.style.Style({ 1029 image: new ol.style.Icon(({ 1030 crossOrigin: 'anonymous', 1031 src: 'https://mpk.czest.pl/img/map_icon_2.png' 1032 })) 1033 })); 1034 1035 var vectorSource = new ol.source.Vector({ 1036 features: [marker] 1037 }); 1038 var markerVectorLayer = new ol.layer.Vector({ 1039 source: vectorSource 1040 }); 1041 1042 map.addLayer(markerVectorLayer); 1043 var marker = new ol.Feature({ 1044 geometry: new ol.geom.Point( 1045 ol.proj.fromLonLat([19.107405, 50.797617]) 1046 ), 1047 id: '3', 1048 text: "<h6>Biletomat</h6><p>Dworzec PKP Stradom</p>" 1049 1050 }); 1051 marker.setStyle(new ol.style.Style({ 1052 image: new ol.style.Icon(({ 1053 crossOrigin: 'anonymous', 1054 src: 'https://mpk.czest.pl/img/map_icon_2.png' 1055 })) 1056 })); 1057 1058 var vectorSource = new ol.source.Vector({ 1059 features: [marker] 1060 }); 1061 var markerVectorLayer = new ol.layer.Vector({ 1062 source: vectorSource 1063 }); 1064 1065 map.addLayer(markerVectorLayer); 1066 var marker = new ol.Feature({ 1067 geometry: new ol.geom.Point( 1068 ol.proj.fromLonLat([19.115625, 50.836754]) 1069 ), 1070 id: '4', 1071 text: "<h6>Biletomat</h6><p>Centrum Handlowe M1</p>" 1072 1073 }); 1074 marker.setStyle(new ol.style.Style({ 1075 image: new ol.style.Icon(({ 1076 crossOrigin: 'anonymous', 1077 src: 'https://mpk.czest.pl/img/map_icon_2.png' 1078 })) 1079 })); 1080 1081 var vectorSource = new ol.source.Vector({ 1082 features: [marker] 1083 }); 1084 var markerVectorLayer = new ol.layer.Vector({ 1085 source: vectorSource 1086 }); 1087 1088 map.addLayer(markerVectorLayer); 1089 var marker = new ol.Feature({ 1090 geometry: new ol.geom.Point( 1091 ol.proj.fromLonLat([19.130663, 50.840197]) 1092 ), 1093 id: '5', 1094 text: "<h6>Punkt sprzedaży</h6><p>ul. Fieldorfa Nila 14/16</p>" 1095 1096 }); 1097 marker.setStyle(new ol.style.Style({ 1098 image: new ol.style.Icon(({ 1099 crossOrigin: 'anonymous', 1100 src: 'https://mpk.czest.pl/img/map_icon_1.png' 1101 })) 1102 })); 1103 1104 var vectorSource = new ol.source.Vector({ 1105 features: [marker] 1106 }); 1107 var markerVectorLayer = new ol.layer.Vector({ 1108 source: vectorSource 1109 }); 1110 1111 map.addLayer(markerVectorLayer); 1112 var marker = new ol.Feature({ 1113 geometry: new ol.geom.Point( 1114 ol.proj.fromLonLat([19.142655, 50.783453]) 1115 ), 1116 id: '6', 1117 text: "<h6>Punkt sprzedaży</h6><p>Centrum Handlowe JagielloÅczycy</p>" 1118 1119 }); 1120 marker.setStyle(new ol.style.Style({ 1121 image: new ol.style.Icon(({ 1122 crossOrigin: 'anonymous', 1123 src: 'https://mpk.czest.pl/img/map_icon_1.png' 1124 })) 1125 })); 1126 1127 var vectorSource = new ol.source.Vector({ 1128 features: [marker] 1129 }); 1130 var markerVectorLayer = new ol.layer.Vector({ 1131 source: vectorSource 1132 }); 1133 1134 map.addLayer(markerVectorLayer); 1135 var marker = new ol.Feature({ 1136 geometry: new ol.geom.Point( 1137 ol.proj.fromLonLat([19.127579, 50.812146]) 1138 ), 1139 id: '8', 1140 text: "<h6>Punkt sprzedaży</h6><p>ul. Warszawska 1 (wejÅcie od Pl. DaszyÅskiego)</p>" 1141 1142 }); 1143 marker.setStyle(new ol.style.Style({ 1144 image: new ol.style.Icon(({ 1145 crossOrigin: 'anonymous', 1146 src: 'https://mpk.czest.pl/img/map_icon_1.png' 1147 })) 1148 })); 1149 1150 var vectorSource = new ol.source.Vector({ 1151 features: [marker] 1152 }); 1153 var markerVectorLayer = new ol.layer.Vector({ 1154 source: vectorSource 1155 }); 1156 1157 map.addLayer(markerVectorLayer); 1158 var marker = new ol.Feature({ 1159 geometry: new ol.geom.Point( 1160 ol.proj.fromLonLat([19.11855, 50.812462]) 1161 ), 1162 id: '9', 1163 text: "<h6>Punkt sprzedaży</h6><p>Al. NMP 24, Kamienica Kupiecka (wejÅcie od ul. KoÅciuszki)</p>" 1164 1165 }); 1166 marker.setStyle(new ol.style.Style({ 1167 image: new ol.style.Icon(({ 1168 crossOrigin: 'anonymous', 1169 src: 'https://mpk.czest.pl/img/map_icon_1.png' 1170 })) 1171 })); 1172 1173 var vectorSource = new ol.source.Vector({ 1174 features: [marker] 1175 }); 1176 var markerVectorLayer = new ol.layer.Vector({ 1177 source: vectorSource 1178 }); 1179 1180 map.addLayer(markerVectorLayer); 1181 var marker = new ol.Feature({ 1182 geometry: new ol.geom.Point( 1183 ol.proj.fromLonLat([19.135082, 50.786629]) 1184 ), 1185 id: '10', 1186 text: "<h6>Punkt sprzedaży</h6><p>Kasy Biletowe, Al. NiepodlegÅoÅci 30</p>" 1187 1188 }); 1189 marker.setStyle(new ol.style.Style({ 1190 image: new ol.style.Icon(({ 1191 crossOrigin: 'anonymous', 1192 src: 'https://mpk.czest.pl/img/map_icon_1.png' 1193 })) 1194 })); 1195 1196 var vectorSource = new ol.source.Vector({ 1197 features: [marker] 1198 }); 1199 var markerVectorLayer = new ol.layer.Vector({ 1200 source: vectorSource 1201 }); 1202 1203 map.addLayer(markerVectorLayer); 1204 var marker = new ol.Feature({ 1205 geometry: new ol.geom.Point( 1206 ol.proj.fromLonLat([19.118197, 50.808798]) 1207 ), 1208 id: '21', 1209 text: "<h6>Biletomat</h6><p>Biletomat - Plac Rady Europy</p>" 1210 1211 }); 1212 marker.setStyle(new ol.style.Style({ 1213 image: new ol.style.Icon(({ 1214 crossOrigin: 'anonymous', 1215 src: 'https://mpk.czest.pl/img/map_icon_2.png' 1216 })) 1217 })); 1218 1219 var vectorSource = new ol.source.Vector({ 1220 features: [marker] 1221 }); 1222 var markerVectorLayer = new ol.layer.Vector({ 1223 source: vectorSource 1224 }); 1225 1226 map.addLayer(markerVectorLayer); 1227 1228 map.on("click", function(e) { 1229 var i = 0;
1230 map.forEachFeatureAtPixel(e.pixel, function (feature, layer) { 1231 if(i === 0) { 1232 content.innerHTML = feature.values_.text; 1233 overlay.setPosition(feature.values_.geometry.flatCoordinates); 1234 } 1235 i++; 1236 }) 1237 }); 1238 } 1239 1240</script>
1240 1241 1242</body> 1243</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.