.tc-map-wrap { font-family: inherit; max-width: 1100px; margin: 0 auto; } .tc-map-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; } .tc-map-filters button { font: inherit; font-size: 14px; padding: 6px 12px; border-radius: 20px; border: 1px solid #c9d3d6; background: #fff; color: #1f3a40; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; } .tc-map-filters button[aria-pressed="false"] { opacity: .45; } .tc-map-filters .tc-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; } #tc-map { height: 520px; width: 100%; border-radius: 8px; border: 1px solid #c9d3d6; } .tc-pin { width: 16px; height: 16px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 1px rgba(0,0,0,.35); } .tc-home { width: 24px; height: 24px; border-radius: 50%; background: #1f3a40; border: 3px solid #f2c14e; box-shadow: 0 0 0 1px rgba(0,0,0,.4); } .leaflet-tooltip.tc-home-label { background: #1f3a40; color: #fff; border: 0; border-radius: 4px; font-weight: 600; font-size: 14px; padding: 3px 8px; box-shadow: 0 1px 3px rgba(0,0,0,.3); } .leaflet-tooltip.tc-home-label::before { border-right-color: #1f3a40; } .tc-popup h4 { margin: 0 0 4px; font-size: 15px; } .tc-popup p { margin: 0 0 6px; font-size: 13px; line-height: 1.4; } .tc-popup .tc-cat { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: #5b6b6f; } .tc-popup .tc-tel { font-size: 13px; margin: 0 0 2px; } .tc-popup .tc-tel a { color: inherit; } @media (max-width: 600px) { #tc-map { height: 420px; } } (function () { var CATS = { beach: { label: "Beaches", colour: "#2a8fbd" }, town: { label: "Towns and harbours", colour: "#d1603d" }, food: { label: "Food and drink", colour: "#6a994e" }, activity: { label: "Activities", colour: "#e09f1f" }, dayout: { label: "Days out", colour: "#8e5ea2" }, arts: { label: "Museums and galleries", colour: "#b5476b" } }; // Check each pin before publishing. Edit lat/lng here to move a marker. var PLACES = [ { cat: "beach", name: "Llangrannog", lat: 52.1597, lng: -4.4703, text: "Sandy beach about 2 hours' walk south on the coast path. The Ship Inn, the Pentre Arms, The Beach Hut cafe and Tafell a Tân pizza. Gets busy in summer and parking is tight, so order pizza online and allow time to park.", phones: [["The Ship Inn", "01239 654510"], ["Pentre Arms", "01239 654345"], ["The Beach Hut", "01239 654642"]] }, { cat: "beach", name: "Cilborth", lat: 52.1618, lng: -4.4672, text: "Small cove just north of Llangrannog, down a flight of steps from the coast path. Quieter than the main beach. Cut off at high tide." }, { cat: "beach", name: "Penbryn", lat: 52.1427, lng: -4.4963, text: "Long sandy beach owned by the National Trust, reached down a wooded valley from the car park. Good for families." }, { cat: "beach", name: "Tresaith", lat: 52.1385, lng: -4.5128, text: "Small sandy beach with a waterfall coming off the cliff at one end. Can be busy." }, { cat: "beach", name: "Aberporth", lat: 52.1338, lng: -4.5442, text: "Two sandy beaches either side of the village. Sheltered and good for swimming." }, { cat: "beach", name: "Mwnt", lat: 52.1385, lng: -4.6395, text: "Small sandy cove owned by the National Trust, below the hill of Foel y Mwnt and a white medieval church. Steep steps down. Dolphins are often seen offshore." }, { cat: "beach", name: "Gwbert", lat: 52.1085, lng: -4.6790, text: "Rocky shore at the mouth of the Teifi, looking across to Poppit. Good for walks and seal watching towards Cardigan Island. Strong currents, so not for swimming." }, { cat: "beach", name: "Poppit Sands", lat: 52.1052, lng: -4.6838, text: "Big sandy beach at the mouth of the Teifi, and the start of the Pembrokeshire Coast Path." }, { cat: "town", name: "New Quay", lat: 52.2143, lng: -4.3582, text: "Harbour town and the place for dolphin and seal boat trips. About 2 hours' walk north along the coast path, which Iolo Williams rates as his favourite stretch of the Wales Coast Path." }, { cat: "town", name: "Aberaeron", lat: 52.2427, lng: -4.2600, text: "Georgian harbour town with painted houses, cafes and good places to eat. Crabbing off the harbour walls." }, { cat: "town", name: "Cardigan", lat: 52.08365, lng: -4.66316, text: "Market town on the Teifi with a castle, independent shops and the nearest large supermarkets." }, { cat: "town", name: "Aberystwyth", lat: 52.4153, lng: -4.0829, text: "University town with a long promenade, cliff railway and the Vale of Rheidol steam railway." }, { cat: "food", name: "Troed y Rhiw organic farm", lat: 52.17211, lng: -4.38672, text: "Organic vegetables grown just up the road. Turn right in Llwyndafydd and it's on the right." }, { cat: "food", name: "Brynhoffnant: Londis and Y Bryn a'r Bragdy", lat: 52.1365, lng: -4.4320, text: "The Londis does ready meals and basics. Y Bryn a'r Bragdy next door is a pub with wood-fired pizza and its own brewery.", phones: [["Y Bryn a'r Bragdy", "01239 611890"]] }, { cat: "food", name: "Da Mhile distillery and Teifi Cheese", lat: 52.08349, lng: -4.37796, text: "Gin, whisky and brandy, including a seaweed gin, made on the same farm as Teifi Cheese.", phones: [["Tel", "01239 851998"]] }, { cat: "food", name: "In The Welsh Wind distillery", lat: 52.1225, lng: -4.5510, text: "Small distillery making gin and other spirits. Tours and tastings.", phones: [["Tel", "01239 872300"]] }, { cat: "food", name: "Mantle Brewery", lat: 52.0870, lng: -4.6560, text: "Family-run brewery in Cardigan.", phones: [["Tel", "01239 623898"]] }, { cat: "activity", name: "Cardigan Bay Watersports, New Quay", lat: 52.2155, lng: -4.3555, text: "Hire, lessons and courses in kayaking, paddleboarding, sailing and windsurfing from the slipway in New Quay. Kids' sessions too.", phones: [["Tel", "01545 561257"]] }, { cat: "activity", name: "Cardigan Bay Active", lat: 52.0835, lng: -4.6585, text: "Kayaking, coasteering and other guided trips, based in Cardigan." }, { cat: "activity", name: "Adventure Beyond", lat: 52.0787, lng: -4.4075, text: "Coasteering, kayaking, paddleboarding and gorge walking. Based near Llandysul.", phones: [["Tel", "01239 612133"]] }, { cat: "activity", name: "Llandysul Paddlers", lat: 52.0405, lng: -4.3095, text: "Canoe club and centre on the Teifi at Llandysul, for white water paddling." }, { cat: "dayout", name: "Llanerchaeron (National Trust)", lat: 52.2245, lng: -4.2275, text: "Georgian villa with a working farm and walled gardens in the Aeron valley.", phones: [["Tel", "01545 570200"]] }, { cat: "dayout", name: "Cilgerran Castle", lat: 52.06062, lng: -4.63355, text: "Ruined 13th-century castle on a rock above the Teifi gorge, run by Cadw and the National Trust. You can climb both towers." }, { cat: "dayout", name: "Internal Fire Museum of Power", lat: 52.12012, lng: -4.49129, text: "Big collection of working engines. Worth a visit on a wet day.", phones: [["Tel", "01239 811212"]] }, { cat: "dayout", name: "Talyllyn Railway", lat: 52.5853, lng: -4.0870, text: "Narrow gauge steam railway from Tywyn up into the hills. A full day out.", phones: [["Tel", "01654 710472"]] }, { cat: "arts", name: "Cardigan: castle and galleries", lat: 52.0810, lng: -4.6530, text: "Cardigan Castle has been restored and has a museum and gardens. The town also has several small galleries showing local artists.", phones: [["Cardigan Castle", "01239 615131"]] }, { cat: "arts", name: "Aberaeron galleries", lat: 52.2385, lng: -4.2530, text: "Oriel Aeron at the Aberaeron Craft Centre shows local paintings, ceramics and photography. Galeri Gwyn is in the town." }, { cat: "arts", name: "Aberystwyth: museums and arts", lat: 52.4175, lng: -4.0750, text: "Ceredigion Museum is in an old theatre on the seafront. The National Library of Wales has free exhibitions, and Aberystwyth Arts Centre has galleries, a cinema and a theatre.", phones: [["Aberystwyth Arts Centre", "01970 623232"]] }, { cat: "arts", name: "National Wool Museum", lat: 52.0355, lng: -4.3905, text: "Working woollen mill at Dre-fach Felindre, run by Amgueddfa Cymru. Free entry.", phones: [["Tel", "0300 111 2333"]] }, { cat: "arts", name: "Welsh Quilt Centre, Lampeter", lat: 52.1130, lng: -4.0810, text: "Exhibitions of traditional Welsh quilts in the old Town Hall.", phones: [["Tel", "01570 422088"]] }, { cat: "arts", name: "MOMA Machynlleth", lat: 52.5905, lng: -3.8530, text: "Museum of Modern Art Wales, with several galleries of Welsh art. A long drive, but it fits with a day on the Talyllyn Railway.", phones: [["Tel", "01654 703355"]] } ]; var TY_CWCH = { lat: 52.19010, lng: -4.40604 }; var map = L.map("tc-map", { scrollWheelZoom: false }).setView([TY_CWCH.lat, TY_CWCH.lng], 11); L.tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png", { maxZoom: 18, referrerPolicy: "strict-origin-when-cross-origin", attribution: '© OpenStreetMap contributors' }).addTo(map); map.on("click", function () { map.scrollWheelZoom.enable(); }); var coastPath = L.tileLayer("https://tile.waymarkedtrails.org/hiking/{z}/{x}/{y}.png", { maxZoom: 18, opacity: 0.8, referrerPolicy: "strict-origin-when-cross-origin", attribution: 'Walking routes © Waymarked Trails (CC-BY-SA)' }).addTo(map); L.marker([TY_CWCH.lat, TY_CWCH.lng], { icon: L.divIcon({ className: "", html: '', iconSize: [24, 24], iconAnchor: [12, 12] }), zIndexOffset: 1000 }).addTo(map).bindTooltip("Ty Cwch", { permanent: true, direction: "right", offset: [14, 0], className: "tc-home-label" }).bindPopup( '' ); var layers = {}; Object.keys(CATS).forEach(function (k) { layers[k] = L.layerGroup().addTo(map); }); PLACES.forEach(function (p) { var c = CATS[p.cat]; var icon = L.divIcon({ className: "", html: '', iconSize: [16, 16], iconAnchor: [8, 8] }); var tel = (p.phones || []).map(function (t) { return ''; }).join(""); var html = ''; L.marker([p.lat, p.lng], { icon: icon, title: p.name }).bindPopup(html).addTo(layers[p.cat]); }); var bar = document.getElementById("tc-map-filters"); Object.keys(CATS).forEach(function (k) { var b = document.createElement("button"); b.type = "button"; b.setAttribute("aria-pressed", "true"); b.innerHTML = '' + CATS[k].label; b.addEventListener("click", function () { var on = b.getAttribute("aria-pressed") === "true"; b.setAttribute("aria-pressed", on ? "false" : "true"); if (on) map.removeLayer(layers[k]); else map.addLayer(layers[k]); }); bar.appendChild(b); }); var pathBtn = document.createElement("button"); pathBtn.type = "button"; pathBtn.setAttribute("aria-pressed", "true"); pathBtn.innerHTML = 'Coast Path and walks'; pathBtn.addEventListener("click", function () { var on = pathBtn.getAttribute("aria-pressed") === "true"; pathBtn.setAttribute("aria-pressed", on ? "false" : "true"); if (on) map.removeLayer(coastPath); else map.addLayer(coastPath); }); bar.appendChild(pathBtn); })();