Jak se k nám dostanete travel-guide · light

Titulek s linkou a seznam způsobů dopravy (žlutý kruh s ikonou, titulek, popis) vlevo, mapa okolí vpravo až k hraně okna. Bez mapy jeden sloupec, na mobilu je mapa pod seznamem přes celou šířku okna.

Pro integrátora: Mapa je obrázek. Živou mapu Mapbox zapne map.mapbox (token = veřejný pk. token z účtu Mapbox, style, center [lng, lat], zoom, pitch, bearing, marker { lngLat, title, text }): skript ji načte, až se k ní návštěvník doscrolluje, a prolne ji přes obrázek — ten zůstává jako náhrada bez JS nebo při chybě. Knihovna mapy je samostatný soubor vedle main.js (js/travel-guide-map.js + css/travel-guide-map.css), nasazuje se spolu s ním. Pro vloženou mapu (Google Maps, Mapy.cz) místo toho vyplňte map.embedUrl adresou ze src kódu pro vložení (jen https://) a map.title — blok vykreslí <iframe> místo obrázku. Ikona položky je název souboru z assets/images/icons/ bez přípony (metro, bus, car); bez ní se žlutý kruh nevypíše. Ruční zalomení popisu = nový řádek v textu.

Zdroj: src/_includes/blocks/travel-guide/

Varianta „default“

Jak se k nám dostanete

Metrem
Linkou metra C do stanice Pankrác.
Autobusem
Autobusy č. 188, 193 a 134 (zast. Pankrác),
nebo tramvají č. 19 (zast. Pankrác).
Autem
Možnost parkování v sousedním obchodním
centru Arkády Pankrác (2 hod. zdarma).

Mapa okolí sídla CENTRAL GROUP na Pankráci se stanicemi metra a tramvaje

Vzorová data (JSON)

{
  "title": "<strong>Jak se k nám dostanete</strong>",
  "items": [
    {
      "icon": "metro",
      "title": "Metrem",
      "text": "Linkou metra C do stanice Pankrác."
    },
    {
      "icon": "bus",
      "title": "Autobusem",
      "text": "Autobusy č. 188, 193 a 134 (zast. Pankrác),\nnebo tramvají č. 19 (zast. Pankrác)."
    },
    {
      "icon": "car",
      "title": "Autem",
      "text": "Možnost parkování v sousedním obchodním\ncentru Arkády Pankrác (2 hod. zdarma)."
    }
  ],
  "map": {
    "image": {
      "src": "/assets/images/photos/travel-guide-map-1264.jpg",
      "srcset": "/assets/images/photos/travel-guide-map-640.jpg 640w, /assets/images/photos/travel-guide-map-1264.jpg 1264w",
      "webpSrcset": "/assets/images/photos/travel-guide-map-640.webp 640w, /assets/images/photos/travel-guide-map-1264.webp 1264w, /assets/images/photos/travel-guide-map-2528.webp 2528w",
      "alt": "Mapa okolí sídla CENTRAL GROUP na Pankráci se stanicemi metra a tramvaje",
      "width": 1264,
      "height": 549
    },
    "mapbox": {
      "token": "pk.eyJ1IjoiY2dtYW4iLCJhIjoiY2pueWtweTZuMGR3dDNwcW9pdnRqM3ZkNyJ9.OSbZ2KSjEK1r-SfaJJyaXw",
      "style": "mapbox://styles/mapbox/streets-v12",
      "center": [
        14.439383,
        50.050333
      ],
      "zoom": 15.5,
      "pitch": 50,
      "bearing": 25,
      "marker": {
        "lngLat": [
          14.439233,
          50.05014
        ],
        "title": "CENTRAL GROUP",
        "text": "Na Strži 1702/65, 140 00 Praha 4"
      }
    },
    "title": "Mapa okolí sídla CENTRAL GROUP na Pankráci"
  }
}

Varianta „no-map“

Jak se k nám dostanete

Metrem
Linkou metra C do stanice Pankrác.
Autobusem
Autobusy č. 188, 193 a 134 (zast. Pankrác),
nebo tramvají č. 19 (zast. Pankrác).
Autem
Možnost parkování v sousedním obchodním
centru Arkády Pankrác (2 hod. zdarma).

Vzorová data (JSON)

{
  "title": "<strong>Jak se k nám dostanete</strong>",
  "items": [
    {
      "icon": "metro",
      "title": "Metrem",
      "text": "Linkou metra C do stanice Pankrác."
    },
    {
      "icon": "bus",
      "title": "Autobusem",
      "text": "Autobusy č. 188, 193 a 134 (zast. Pankrác),\nnebo tramvají č. 19 (zast. Pankrác)."
    },
    {
      "icon": "car",
      "title": "Autem",
      "text": "Možnost parkování v sousedním obchodním\ncentru Arkády Pankrác (2 hod. zdarma)."
    }
  ]
}

Varianta „embed“

Jak se k nám dostanete

Metrem
Linkou metra C do stanice Pankrác.
Autobusem
Autobusy č. 188, 193 a 134 (zast. Pankrác),
nebo tramvají č. 19 (zast. Pankrác).
Autem
Možnost parkování v sousedním obchodním
centru Arkády Pankrác (2 hod. zdarma).

Vzorová data (JSON)

{
  "title": "<strong>Jak se k nám dostanete</strong>",
  "items": [
    {
      "icon": "metro",
      "title": "Metrem",
      "text": "Linkou metra C do stanice Pankrác."
    },
    {
      "icon": "bus",
      "title": "Autobusem",
      "text": "Autobusy č. 188, 193 a 134 (zast. Pankrác),\nnebo tramvají č. 19 (zast. Pankrác)."
    },
    {
      "icon": "car",
      "title": "Autem",
      "text": "Možnost parkování v sousedním obchodním\ncentru Arkády Pankrác (2 hod. zdarma)."
    }
  ],
  "map": {
    "embedUrl": "https://www.openstreetmap.org/export/embed.html?bbox=14.4300%2C50.0445%2C14.4500%2C50.0550&layer=mapnik&marker=50.0497%2C14.4396",
    "title": "Mapa okolí sídla CENTRAL GROUP na Pankráci"
  }
}

Varianta „one-item“

Kudy do klientského centra

Pěšky ze stanice metra Pankrác
Od výstupu ze stanice metra C Pankrác vás to k budově EMPIRIA zabere zhruba tři minuty chůze směrem k ulici Na Strži, vchod do klientského centra najdete z hlavní ulice vedle recepce budovy.

Vzorová data (JSON)

{
  "title": "Kudy <strong>do klientského centra</strong>",
  "items": [
    {
      "title": "Pěšky ze stanice metra Pankrác",
      "text": "Od výstupu ze stanice metra C Pankrác vás to k budově EMPIRIA zabere zhruba tři minuty chůze směrem k ulici Na Strži, vchod do klientského centra najdete z hlavní ulice vedle recepce budovy."
    }
  ],
  "map": {
    "image": {
      "src": "/assets/images/photos/travel-guide-map-1264.jpg",
      "srcset": "/assets/images/photos/travel-guide-map-640.jpg 640w, /assets/images/photos/travel-guide-map-1264.jpg 1264w",
      "webpSrcset": "/assets/images/photos/travel-guide-map-640.webp 640w, /assets/images/photos/travel-guide-map-1264.webp 1264w, /assets/images/photos/travel-guide-map-2528.webp 2528w",
      "alt": "Mapa okolí sídla CENTRAL GROUP na Pankráci se stanicemi metra a tramvaje",
      "width": 1264,
      "height": 549
    }
  }
}

Varianta „map-only“

Kde nás najdete

Vzorová data (JSON)

{
  "title": "<strong>Kde nás najdete</strong>",
  "map": {
    "image": {
      "src": "/assets/images/photos/travel-guide-map-1264.jpg",
      "srcset": "/assets/images/photos/travel-guide-map-640.jpg 640w, /assets/images/photos/travel-guide-map-1264.jpg 1264w",
      "webpSrcset": "/assets/images/photos/travel-guide-map-640.webp 640w, /assets/images/photos/travel-guide-map-1264.webp 1264w, /assets/images/photos/travel-guide-map-2528.webp 2528w",
      "alt": "Mapa okolí sídla CENTRAL GROUP na Pankráci se stanicemi metra a tramvaje",
      "width": 1264,
      "height": 549
    }
  }
}

Varianta „empty“

Vzorová data (JSON)

{}