1 2 3<!DOCTYPE html> 4<html lang="en"> 5<head><meta name="viewport" content="width=device-width, initial-scale=1.0"> 6<base href="/"><title>Useful maps – CanalPlanAC</title> 7<meta name="keywords" content="waterway,canal,river,navigation,route planning,trip,journey,miles,locks,pubs,route planner,cruise"> 8<link rel="canonical" href="https://canalplan.uk/cgi-bin/gazetteer.cgi?run=maps"> 9<link rel="stylesheet" href="html/bootstrap.min.css" type="text/css"><link rel="stylesheet" href="html/input_from_bootstrap.css"> 10<link rel="stylesheet" href="html/stylesheets/common.css" type="text/css"> 11<link rel="stylesheet" href="html/stylesheets/link_preview.css" type="text/css"> 12<link rel="stylesheet" href="html/stylesheets/menu.css" type="text/css"><link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> 13 14<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'> 15<link rel="search" type="application/opensearchdescription+xml" title="CanalPlan AC" href="html/canalplan-ac.xml"> 16<link rel="icon" href="images/icons/cpicon.png?v=298"> 17<link rel="stylesheet" href="html/stylesheets/gazetteer.css?ver=9.45.11" type="text/css"> 18<link rel="stylesheet" href="html/stylesheets/jquery-ui.css?ver=9.45.11" type="text/css">
19<script type="text/javascript" src="can_js/iecobble.js?ver=9.45.11"></script>
vendor: 1 bytes, line 19
19
20<script type="text/javascript" src="can_js/common.js?ver=9.45.11"></script>
20<script type="text/javascript" src="can_js/link_preview.js?ver=9.45.11"></script>
vendor: 1 bytes, line 20
20
21<script type="text/javascript" src="can_js/actb.js?ver=9.45.11"></script>
vendor: 1 bytes, line 21
21
22<script type="text/javascript" src="can_js/backtrace.js?ver=9.45.11"></script>
vendor: 1 bytes, line 22
22
23<script type="text/javascript" src="can_js/logon.js?ver=9.45.11"></script>
vendor: 1 bytes, line 23
23
24<script src="https://maps.tty.org.uk/maplibre/maplibre-gl.js?version=4.1.3"></script>
24 25<link href="https://maps.tty.org.uk/maplibre/maplibre-gl.css?version=4.1.3" rel="stylesheet"/>
26<script type="text/javascript" src="can_js/mapbox_mapstuff.js?ver=9.45.11"></script>
vendor: 1 bytes, line 26
26
27<script type="text/javascript" src="can_js/new_selector.js?ver=9.45.11"></script>
vendor: 1 bytes, line 27
27
28<script type="text/javascript" src="can_js/my_map.js?ver=9.45.11"></script>
vendor: 1 bytes, line 28
28
29<script type="text/javascript" src="can_js/mapindex.js?ver=9.45.11"></script>
vendor: 1 bytes, line 29
29
30<script type="text/javascript" src="can_js/utils/date_fns.js?ver=9.45.11"></script>
vendor: 1 bytes, line 30
30
31<script type="text/javascript"> 32var cp_info = {}; 33cp_info.page_code = "maps"; 34cp_info.lastsize=""; 35cp_info.build="9.45.11"; 36cp_info.language="en"; 37cp_info.passederror=""; 38cp_info.error_message=""; 39cp_info.map_stylepath = "https://maps.tty.org.uk/"; 40cp_info.map_stylefile = "europe-style"; 41cp_info.map_styleprefix = "liberty"; 42cp_info.map_branding = "osm"; 43 44</script>
44 45 46
47<script type="text/javascript"> 48var i18n = {browserfail:"Sorry, your browser can't do this",select_empty:"-- SELECT --",select_pending:"-- WAIT --",noselect:"You must select something to search for"}; 49</script>
49 50 51
52<script type="text/javascript"> 53</script>
vendor: 1 bytes, line 53
53
54<script type="text/javascript" src="can_js/menu.js?ver=9.45.11"></script>
vendor: 1 bytes, line 54
54
55<script type="text/javascript"> 56var pageisloadedrun = false; 57function dopageload() { 58if(pageisloadedrun) 59 return; 60if(typeof Master_Startup != 'function') { // js not loaded yet 61 setTimeout(function() {dopageload();},1000); 62 return; 63} 64pageisloadedrun = true; 65Master_Startup({nologon:'',geocode:'no',cookie_warning:'',php_vars:'<?php echo "$startup_params"; ?>',call_on_load:"Maps_Startup"}); 66 var ahs=new actb(document.getElementById('searchfor_sidebar'),new Array()); var aht=new actb(document.getElementById('searchfor_top'),new Array()); 67} 68if(document.addEventListener) // native event 69 document.addEventListener( "DOMContentLoaded", dopageload, false ) 70</script>
70 71<meta name="msapplication-config" content="none"/> 72</head> 73<body onload="dopageload()">
74<script type="text/javascript" src="can_js/wz_tooltip.js?ver=9.45.11"></script>
74 75 76 77 78<div class="topmenu" id="topmenu"> 79<div class="topmenu_first"><div class="indexmenuitem menuitemextra" title=""><a class="indexmenu" href="/index.html"><i class="fa fa-home fa-fw" style="color:brown;"></i> Home</a></div> 80<span class="logotext">CanalPlanAC</span><div class="indexmenuitem menuitemextra" title=""><a class="indexmenu" onclick="Show_Hide_Item('topmenu_find','block')"><i class="fa fa-search fa-fw"></i> Find</a></div> 81<div class="indexmenuitem menuitemextra" title=""><a class="indexmenu" onclick="Show_Hide_Item('topmenu_content','block')"><i class="fa fa-bars fa-fw" style="color:black;"></i> Menu</a></div> 82 83</div> 84<div style="display:none" class="topmenu_items" id="topmenu_content"> 85<div class="indexmenuitem menuitemextra" title="Change display and planning settings"><a rel="nofollow" class="indexmenu" href="/cgi-bin/showstuff.cgi?mode=options"><i class="fa fa-cog fa-fw" style="color:black;"></i> Settings</a></div> 86<div class="indexmenuitem menuitemextra" title=""><a class="indexmenu" href="/cgi-bin/canal.cgi"><i class="fa fa-calculator fa-fw" style="color:darkslategray;"></i> Plan a journey</a></div> 87<div class="indexmenuitem menuitemextra" title=""><a class="indexmenu" href="/cgi-bin/gazetteer.cgi?run=maps"><i class="fa fa-map fa-fw" style="color:blue;"></i> Useful maps</a></div> 88<div class="indexmenuitem menuitemextra" title="Find somewhere in the gazetteer"><a class="indexmenu" href="/gazetteer/"><i class="fa fa-globe fa-fw" style="color:green;"></i> Gazetteer</a></div> 89<div class="indexmenuitem menuitemextra" title="Inland waterways boat listing"><a class="indexmenu" href="/boats/boats.php"><i class="fa fa-ship fa-fw" style="color:brown;"></i> Boat listing</a></div> 90<div class="indexmenuitem menuitemextra" title="Information about how to use CanalPlanAC, privacy policy (including social media and cookies) and the like."><a class="indexmenu" href="/wiki/help:index"><i class="fa fa-question-circle fa-fw" style="color:blue;"></i> Info, help & privacy</a></div> 91<div class="indexmenuitem menuitemextra" title="How you can help improve CanalPlanAC"><a class="indexmenu" href="/show/helpus"><i class="fa fa-handshake-o fa-fw" style="color:indigo;"></i> Help us</a></div> 92<div class="indexmenuitem menuitemextra useronly cp_hidden" title=""><a rel="nofollow" class="indexmenu" href="/show/me"><i class="fa fa-user fa-fw" style="color:darkslateblue;"></i> My page</a></div> 93<div class="indexmenuitem menuitemextra" title=""><a class="indexmenu" href="/cgi-bin/canal.cgi"><i class="fa fa-calculator fa-fw" style="color:darkslategray;"></i> Plan a journey</a></div> 94<div class="indexmenuitem menuitemextra" title="See what's new, report bugs and suggest improvements"><a class="indexmenu" href="/wiki/bugs"><i class="fa fa-lightbulb-o fa-fw" style="color:orangered;"></i> Changes, bugs & ideas</a></div> 95<div class="loginbox hidden" id="logon_status_top"><i class="fa fa-sign-in"></i> <span class="linklike" onclick="Do_Logon()" style="font-size: 100%">Log in/Create account</span> 96</div> 97<div style="display:none" id="menulist"></div> 98</div> 99<div style="display:none" class="topmenu_items" id="topmenu_find"> 100<hr><div class='cpadvert' id='ad_sidebar'></div><hr> 101<form name="indexform_top" method="get" action="../cgi-bin/quicksearch.cgi" autocomplete="off"> 102Quick search/route 103<br><i id="recents_trigger_top" title="Recent places" class="fa fa-toggle-down active-icon" data-showing="off" onclick="Toggle_Recents(this,'searchfor_top')" style="color:green; position:relative; z-index:10"></i> <input name="searchfor_top" id="searchfor_top" size="18"><div style="clear:both"></div> 104<input name="Go" value="Go" type="submit"> 105<br><span class="search-hint">Enter a place or a list of places separated by 106commas</span> 107<input type="hidden" id="session_top" name="session_top" value=""> 108<input type="hidden" id="realsearchresult_top" name="realsearchresult_top" value=""> 109</form> 110<hr> 111<div id="index-stats_top"></div> 112 113 114</div> 115</div> 116 117 118 119<div id="lefthand-menu"><div id="sidebar_holder"><div id="sidebar"> 120<div class="panel panel-colour well extra-well"><div style="float:right"><i onclick="Toggle_Sidebar(false)" class="fa fa-caret-left fa-lg active-icon" style="color:black"></i></div> 121<a href="/index.html"><img onmouseover="TagToTip('build_text')" onmouseout="UnTip()" class="img-responsive" style="margin-left:8px; margin-top:15px; margin-bottom: 10px;" src="/images/blogo.png" alt="CanalPlanAC"></a> 122<span id="build_text"><b><em>CanalPlanAC</em></b> version 9.45.11.<br> <br>Built at 06:40:41 on Sep 23 2026.<br> <br><span class="small">Page code: maps</span></span> 123<div class="loginbox hidden" id="logon_status_sidebar"><i class="fa fa-sign-in"></i> <span class="linklike" onclick="Do_Logon()" style="font-size: 100%">Log in/Create account</span> 124</div> 125<div class="indexmenuitem menuitemextra" title=""><a class="indexmenu" href="/index.html"><i class="fa fa-home fa-fw" style="color:brown;"></i> Home Page</a></div> 126<div class="indexmenuitem menuitemextra" title="Change display and planning settings"><a rel="nofollow" class="indexmenu" href="/cgi-bin/showstuff.cgi?mode=options"><i class="fa fa-cog fa-fw" style="color:black;"></i> Settings</a></div> 127<div class="indexmenuitem menuitemextra" title=""><a class="indexmenu" href="/cgi-bin/canal.cgi"><i class="fa fa-calculator fa-fw" style="color:darkslategray;"></i> Plan a journey</a></div> 128<div class="indexmenuitem menuitemextra" title=""><a class="indexmenu" href="/cgi-bin/gazetteer.cgi?run=maps"><i class="fa fa-map fa-fw" style="color:blue;"></i> Useful maps</a></div> 129<div class="indexmenuitem menuitemextra" title="Find somewhere in the gazetteer"><a class="indexmenu" href="/gazetteer/"><i class="fa fa-globe fa-fw" style="color:green;"></i> Gazetteer</a></div> 130<div class="indexmenuitem menuitemextra" title="Inland waterways boat listing"><a class="indexmenu" href="/boats/boats.php"><i class="fa fa-ship fa-fw" style="color:brown;"></i> Boat listing</a></div> 131<div class="indexmenuitem menuitemextra" title="Information about how to use CanalPlanAC, privacy policy (including social media and cookies) and the like."><a class="indexmenu" href="/wiki/help:index"><i class="fa fa-question-circle fa-fw" style="color:blue;"></i> Info, help & privacy</a></div> 132<div class="indexmenuitem menuitemextra" title="How you can help improve CanalPlanAC"><a class="indexmenu" href="/show/helpus"><i class="fa fa-handshake-o fa-fw" style="color:indigo;"></i> Help us</a></div> 133<div class="indexmenuitem menuitemextra useronly cp_hidden" title=""><a rel="nofollow" class="indexmenu" href="/show/me"><i class="fa fa-user fa-fw" style="color:darkslateblue;"></i> My page</a></div> 134<div class="indexmenuitem menuitemextra" title=""><a class="indexmenu" href="/cgi-bin/canal.cgi"><i class="fa fa-calculator fa-fw" style="color:darkslategray;"></i> Plan a journey</a></div> 135<div class="indexmenuitem menuitemextra" title="See what's new, report bugs and suggest improvements"><a class="indexmenu" href="/wiki/bugs"><i class="fa fa-lightbulb-o fa-fw" style="color:orangered;"></i> Changes, bugs & ideas</a></div> 136<div style="display:none" id="menulist"></div> 137<hr><div class='cpadvert' id='ad_sidebar'></div><hr> 138<form name="indexform_sidebar" method="get" action="../cgi-bin/quicksearch.cgi" autocomplete="off"> 139Quick search/route 140<br><i id="recents_trigger_sidebar" title="Recent places" class="fa fa-toggle-down active-icon" data-showing="off" onclick="Toggle_Recents(this,'searchfor_sidebar')" style="color:green; position:relative; z-index:10"></i> <input name="searchfor_sidebar" id="searchfor_sidebar" size="18"><div style="clear:both"></div> 141<input name="Go" value="Go" type="submit"> 142<br><span class="search-hint">Enter a place or a list of places separated by 143commas</span> 144<input type="hidden" id="session_sidebar" name="session_sidebar" value=""> 145<input type="hidden" id="realsearchresult_sidebar" name="realsearchresult_sidebar" value=""> 146</form> 147<hr> 148<div id="index-stats_sidebar"></div> 149
150<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4296098225870941" 151 crossorigin="anonymous"></script>
151 152<!-- menu_bar --> 153<ins class="adsbygoogle" 154 style="display:block" 155 data-ad-client="ca-pub-4296098225870941" 156 data-ad-slot="5814679247" 157 data-ad-format="auto" 158 data-full-width-responsive="true"></ins>
159<script> 160 (adsbygoogle = window.adsbygoogle || []).push({}); 161</script>
161 162<div style="margin:15px"> 163<a href="https://www.ukwrs.co.uk/ranking/index.php?id=58"><img src="https://www.ukwrs.co.uk/ranking/button.php?id=58"></a><div style="padding-top:1em"><a href="https://s10.flagcounter.com/more/eBE"><img src="https://s10.flagcounter.com/count/eBE/bg_AAFFAA/txt_000000/border_CCCCCC/columns_1/maxflags_8/viewers_0/labels_1/pageviews_0/flags_0/" alt="free counters" border="0"></a></div> 164</div> 165</div> 166</div></div><div class="panel panel-colour well extra-well" style="position: absolute; left: 3px; float: left; height:900px; padding: 2px; padding-top: 10px; display:none" id="restore_sidebar"><i onclick="Toggle_Sidebar(true)" class="fa fa-caret-right fa-lg active-icon" style="color:black"></i></div></div> 167 168<div id="main-content"> 169 170 171 172 173 174 175 <h1>Maps</h1> 176 <label><input type="radio" id="location_switch" name="mode" onchange="Change_Map_Mode(this)" value="location">Where am I?</label> 177 <label><input type="radio" id="range_switch" name="mode" onchange="Change_Map_Mode(this)" value="range">Cruising range by boat size</label> 178 <label><input type="radio" id="stoppage_switch" name="mode" onchange="Change_Map_Mode(this)" value="stoppages">Scheduled stoppages over time</label> 179<div id="range_block"> 180<h2>My map</h2> 181 <form method="post" novalidate action="/cgi-bin/gazetteer.cgi" id="canalplan_main_form" name="canalform" onsubmit="if(typeof NowBusy == 'function') var subit=NowBusy(); else var subit=true; if(subit) return "> 182<input type="hidden" id="current_state" name="current_state" value=""> 183 184<p id="expl_text" class="hidden">This map shows where you can travel on the waterways depending on the size of your boat. The dark blue line indicates waterways you can travel on. <span id="excl_text" class="hidden">The dotted green line is connected waterways that either are "excluded" or have their preference set to "never"; both of these settings can be changed in the "Preferences" menu.</span></p> 185<p><span id="showingmap" class="hidden">Showing map based on <span id="mapcentre">...</span> <button type="button" onclick="New_Place()">Change</button></span><span id="pickcentre" class="hidden">Select the place to base the map on:</span></p> 186<div id="selector_enclosure" class="hidden"><div id="selector_wrapper"></div><div class="selector_box" style="margin-top: -1em;" id="sel_upbutton">  187<button class="positive btn extra-btn" style="margin-right:2em" onclick="Selector_Up()" type="button" name="jsbutton_" id="js_button_" value="Up" title="Go back to higher level grouping"><i class="fa fa-arrow-up" style="color:darkslateblue;"></i> Up</button> 188</div> 189<div id="selector_template"><div class="selector_box" id="sel_INDEX_b" style="display:none"> 190<select id="sel_INDEX" onchange="Selector_Changed('sel_INDEX')" style="width:13em"> 191<option>-- WAIT --</option> 192</select> 193</div></div> 194<div style="margin-top:0.5em; visibility:hidden" id="sel_getting"> <i class="fa fa-spinner fa-spin fa-lg"></i> Loading...</div> 195<div class="selector_box" style="margin-top: -1em;" id="sel_upbutton">  196<button class="positive btn extra-btn" style="margin-right:2em" onclick="Selector_Up()" type="button" name="jsbutton_" id="js_button_" value="Up" title="Go back to higher level grouping"><i class="fa fa-arrow-up" style="color:darkslateblue;"></i> Up</button> 197</div> 198<div style="display:none; clear:both; padding-top: 0.3em" id="selector_direct">Show all of the <span id="selector_whatsofar"></span><span id="selector_whatsofarcode" style="display:none"></span> <button type="button" onclick="Go_Now()">Go</button></div> 199<div style="clear: both; padding:0.5em"> </div> 200 201<div id="mapwrapper" style="width:100%; display:none; border: 1px solid black;"> 202<div id="infobox" style="height:1.2em"></div> 203<div id="map" style="width:99%; height:800px;"></div> 204</div> 205<div id="simplemap" style="border:1px solid black"><object onload="Prepare_World_Map(this)" id="world-map" data="mapping/worldmap/canalplan_world.svg" type="image/svg+xml"></object> 206<p class="small"> Map adapted from <a href="https://mapsvg.com/maps/world">Map SVG</a>, used under an <a href="https://creativecommons.org/licenses/by/4.0/">Attribution 4.0 International (CC BY 4.0)</a> licence.</p> 207</div> 208 209<div style="clear: both; padding:0.5em"> </div> 210</div> 211<div id="resultsmap" style="width:800px; height:400px"></div> 212<div id="options_enter" class="hidden"> 213<p>To see the range from here for a different size of boat, adjust the size and "recalculate".<br>To make the current place and size your defaults, use "Save as preferences".</p> 214<table> 215<tr><td>Boat length: </td><td><input type="number" size="4" id="boat_length" value="" onchange="Update_Dimension(this)"></td><td><select id="boat_length_units" data-from = 'boat_length' onchange="Update_Value(this)"><option selected>feet</option><option>metres</option></select></td></tr> 216<tr><td>Boat width: </td><td><input type="number" size="4" id="boat_width" value="" onchange="Update_Dimension(this)"></td><td><select id="boat_width_units" data-from = 'boat_width' onchange="Update_Value(this)"><option selected>feet</option><option>metres</option></select></td></tr> 217</table> 218<button type="button" onclick="Recalculate()">Recalculate</button> 219<br> 220<button type="button" onclick="Save_These()" title="Put this location and boat sizes into your settings">Save as preferences</button> 221</div> 222</div> 223<div id="location_block"> 224<h2>Where am I?</h2> 225<div id="location_map" style="width:100%; height:600px"></div> 226<div style="margin-top:1em" id="location_info"></div> 227</div> 228<div id="stoppages_block"> 229<h2>Stoppages</h2> 230<table style='border-spacing: 3px'> 231<tr> 232<td> Stoppages on : </td> 233<td> <input type='text' name='StartDate' id='StartDate' value="1 October 2026"></td> 234<td><button type="button" onclick="Advance_Stoppages(-1)">Back</button></td> 235<td><button type="button" onclick="Advance_Stoppages(1)">Forwards</button></td> 236<td></td> 237</tr> 238<tr><td></td><td>
238<input type="range" id="date-slider" min="0" max="365" value="0" oninput="Date_Slid(this)" onchange="Filter_Stoppages_To_Map()"></td></tr> 239</table> 240<div id="stoppage_map" style="width:100%; height:600px"></div> 241<div id="stoppage_info"></div> 242</div> 243<input type="hidden" id="default_range_style" value="https://maps.tty.org.uk/liberty_europe-style.json"> 244<input type="hidden" id="default_stoppage_style" value="https://maps.tty.org.uk/osroad_uk-style.json"> 245<div style="clear: both; padding-top:1em"> </div> 246</form></div>
246<script type="text/javascript" src="can_js/min/jquery-3.4.1.min.js"></script>
vendor: 1 bytes, line 246
246
247<script type="text/javascript" src="can_js/min/jquery-ui.min.js"></script>
vendor: 1 bytes, line 247
247
248<script type="text/javascript" src="can_js/min/bootstrap.min.js"></script>
248 249</body> 250</html> 251
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.