{"id":8,"date":"2016-08-09T20:40:03","date_gmt":"2016-08-09T19:40:03","guid":{"rendered":"http:\/\/www.psyctc.org\/pelerinage2016\/?page_id=8"},"modified":"2026-08-02T13:39:54","modified_gmt":"2026-08-02T13:39:54","slug":"maps","status":"publish","type":"page","link":"https:\/\/www.psyctc.org\/pelerinage2016\/maps\/","title":{"rendered":"Maps"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">I think the history that accumulated here is quite funny:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Oh dear, back on 9\/8\/16 I said: <em>\u201cThere will be maps, lots of maps \u2026 when I\u2019ve sorted out the technology of that!\u201d<\/em><\/li>\n\n\n\n<li>Then on 23\/8\/17 I had got as far as: <em>&#8220;Well I\u2019m getting to understand a bit more about gpx and other route data formats and different ways to create maps. For now the big achievement is: &#8230;<\/em><br><em>&#8230; <\/em><a href=\"http:\/\/www.psyctc.org\/pelerinage2016\/cumulative-map\/\"><em>A map of the whole journey as captured so far<\/em><\/a><em>. (I tried to update this at intervals and it does have the whole journey.) &#8230;<\/em><br><em>&#8230; But sadly, as of 23\/8\/17, I haven&#8217;t got much more up here by way of maps.&nbsp; But I am working on it!&#8221;<\/em><\/li>\n\n\n\n<li>And some time after that, I did get a single, interactive map of the whole journey working.  That&#8217;s the one in the dropdown menu below &#8220;Maps&#8221; &#8230; <\/li>\n\n\n\n<li>but of course today, 10\/8\/19, that&#8217;s not working.  Back to the drawing board!<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Now, 2.viii.26, the tenth anniversary of setting out on the pelerinage, I am starting the map fight again and this, for now, is the result: a rather minimal but zoomable and scrollable map of the entire journey that uses open street map map and doesn&#8217;t make me hostage to Gurgle\/Google.  It starts showing Dartmouth and Halifax in Nova Scotia which is rather confusing but if you are patient it does then show you the correct map! <\/p>\n\n\n\n<div class=\"leaflet-map WPLeafletMap\" style=\"height:1200px; width:100%;\"><\/div><script>\nwindow.WPLeafletMapPlugin = window.WPLeafletMapPlugin || [];\nwindow.WPLeafletMapPlugin.push(function WPLeafletMapShortcode() {\/*<script>*\/\nvar baseUrl = atob('aHR0cHM6Ly90aWxlLm9wZW5zdHJlZXRtYXAub3JnL3t6fS97eH0ve3l9LnBuZw==');\nvar base = (!baseUrl && window.MQ) ?\n    window.MQ.mapLayer() : L.tileLayer(baseUrl,\n        L.Util.extend({}, {\n            detectRetina: 0,\n        },\n        {\"subdomains\":\"abc\",\"noWrap\":false,\"maxZoom\":19}        )\n    );\n    var options = L.Util.extend({}, {\n        layers: [base],\n        attributionControl: false\n    },\n    {\"zoomControl\":false,\"scrollWheelZoom\":true,\"doubleClickZoom\":false,\"fitBounds\":true,\"minZoom\":0,\"maxZoom\":19,\"maxBounds\":null,\"attribution\":\"<a href=\\\"http:\\\/\\\/leafletjs.com\\\" title=\\\"A JS library for interactive maps\\\">Leaflet<\\\/a>; \\u00a9 <a href=\\\"http:\\\/\\\/www.openstreetmap.org\\\/copyright\\\">OpenStreetMap<\\\/a> contributors\"},\n    {});\nwindow.WPLeafletMapPlugin.createMap(options).setView([44.67,-63.61],12);});<\/script><script>\nwindow.WPLeafletMapPlugin = window.WPLeafletMapPlugin || [];\nwindow.WPLeafletMapPlugin.push(function WPLeafletgpxShortcode() {\/*<script>*\/\nvar src = 'https:\/\/www.psyctc.org\/pelerinage2016\/wp-content\/uploads\/2026\/08\/cumulative20160910_stripped.gpx';\nvar default_style = {};\nvar rewrite_keys = {\n    stroke : 'color',\n    'stroke-width' : 'weight',\n    'stroke-opacity' : 'opacity',\n    fill : 'fillColor',\n    'fill-opacity' : 'fillOpacity',\n};\n\/\/ htmlspecialchars converts & to \"&amp;\"; maybe unnecessarily, and maybe 3x\nvar ampersandRegex = \/&(?:amp;){1,3}\/g\nvar layer = L.ajaxGeoJson(src.replace(ampersandRegex, '&'), {\n    type: 'gpx',\n    style : layerStyle,\n    onEachFeature : onEachFeature,\n    pointToLayer: pointToLayer\n});\nvar fitbounds = 0;\nvar circleMarker = 0;\nvar popup_text = window.WPLeafletMapPlugin.unescape(\"\");\nvar popup_property = \"\";\nvar table_view = 0;\nvar group = window.WPLeafletMapPlugin.getCurrentGroup();\nvar markerOptions = window.WPLeafletMapPlugin.getIconOptions({});\nlayer.addTo( group );\nwindow.WPLeafletMapPlugin.geojsons.push( layer );\nif (fitbounds) {\n    layer.on('ready', function () {\n        this.map.fitBounds( this.getBounds() );\n    });\n}\nfunction layerStyle (feature) {\n    var props = feature.properties || {};\n    var style = {};\n    function camelFun (_, first_letter) {\n        return first_letter.toUpperCase();\n    };\n    for (var key in props) {\n        if (key.match('-')) {\n            var camelcase = key.replace(\/-(\\w)\/, camelFun);\n            style[ camelcase ] = props[ key ];\n        }\n        \/\/ rewrite style keys from geojson.io\n        if (rewrite_keys[ key ]) {\n            style[ rewrite_keys[ key ] ] = props[ key ];\n        }\n    }\n    return L.Util.extend(style, default_style);\n}\nfunction onEachFeature (feature, layer) {\n    var props = feature.properties || {};\n    var text;\n    if (table_view) {\n        text = window.WPLeafletMapPlugin.propsToTable(props);\n    } else {\n        text = popup_property\n            ? props[ popup_property ]\n            : window.WPLeafletMapPlugin.template(\n                popup_text, \n                feature.properties\n            );\n    }\n    if (text) {\n        layer.bindPopup( text );\n    }\n}\n    function pointToLayer (feature, latlng) {\n    if (circleMarker) {\n        return L.circleMarker(latlng);\n    }\n    return L.marker(latlng, markerOptions);\n}});<\/script><p class=\"wp-block-paragraph\">You can see maps of each day via the <a href=\"https:\/\/www.psyctc.org\/pelerinage2016\/days\/\" data-type=\"page\" data-id=\"6\">days page<\/a>.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\"><em>[Started 9.viii.2016, new version 23.vii.2017, updated 10\/8\/19, big anniversary update 9.viii.2016]<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I think the history that accumulated here is quite funny: Now, 2.viii.26, the tenth anniversary of setting out on the pelerinage, I am starting the map fight again and this, for now, is the result: a rather minimal but zoomable and scrollable map of the entire journey that uses open street map map and doesn&#8217;t &hellip; <a href=\"https:\/\/www.psyctc.org\/pelerinage2016\/maps\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Maps<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.psyctc.org\/pelerinage2016\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.psyctc.org\/pelerinage2016\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.psyctc.org\/pelerinage2016\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.psyctc.org\/pelerinage2016\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.psyctc.org\/pelerinage2016\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":61,"href":"https:\/\/www.psyctc.org\/pelerinage2016\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":12311,"href":"https:\/\/www.psyctc.org\/pelerinage2016\/wp-json\/wp\/v2\/pages\/8\/revisions\/12311"}],"wp:attachment":[{"href":"https:\/\/www.psyctc.org\/pelerinage2016\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}