{"id":293,"date":"2024-03-07T12:30:05","date_gmt":"2024-03-07T12:30:05","guid":{"rendered":"https:\/\/whatson.org.uk\/wo\/events-map\/"},"modified":"2024-05-02T07:47:54","modified_gmt":"2024-05-02T06:47:54","slug":"events-map","status":"publish","type":"page","link":"https:\/\/whatson.org.uk\/wo\/events-map\/","title":{"rendered":"Events Map"},"content":{"rendered":"<div id=\"map\">\n       <!-- Ici s'affichera la carte  -->\n    <\/div><script type=\"text\/javascript\">\n    \n    var osmLink = '<a href=\"http:\/\/openstreetmap.org\">OpenStreetMap France<\/a>',\n            thunLink = 'OpenStreetMap HOT',\n            esriLink = 'Esri WorldStreetMap',\n            EsriWorldImagery = 'Satellite',\n            CyclOSM = 'CyclOSM';\n        \n    var esriUrl = 'https:\/\/{s}.tile.openstreetmap.fr\/osmfr\/{z}\/{x}\/{y}.png',\n        esriAttrib = '',\n        osmUrl = 'https:\/\/{s}.tile.openstreetmap.fr\/osmfr\/{z}\/{x}\/{y}.png',\n        osmAttrib = '&copy; ' + osmLink + ' Contributors',\n        landUrl = 'https:\/\/{s}.tile.openstreetmap.fr\/hot\/{z}\/{x}\/{y}.png',\n        thunAttrib = '&copy; '+osmLink+' Contributors & '+thunLink,        \n        EsriWorldImageryUrl = 'https:\/\/server.arcgisonline.com\/ArcGIS\/rest\/services\/World_Imagery\/MapServer\/tile\/{z}\/{y}\/{x}',\n        EsriWorldImageryAttrib = '&copy; '+osmLink+' Tiles &copy; Esri &mdash; Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community',\n        CyclOSMUrl = 'https:\/\/dev.{s}.tile.openstreetmap.fr\/cyclosm\/{z}\/{x}\/{y}.png',\n        CyclOSMAttrib = '&copy; '+osmLink+' <a href=\"https:\/\/github.com\/cyclosm\/cyclosm-cartocss-style\/releases\" title=\"CyclOSM - Open Bicycle render\">CyclOSM<\/a> | Map data: &copy; <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> contributors';\n\n    var esriMap = L.tileLayer(esriUrl, {attribution: esriAttrib}),\n        osmMap = L.tileLayer(osmUrl, {attribution: osmAttrib}),\n        landMap = L.tileLayer(landUrl, {attribution: thunAttrib}),\n        EsriWorldImagery = L.tileLayer(EsriWorldImageryUrl, {attribution: EsriWorldImageryAttrib}),\n        CyclOSM = L.tileLayer(CyclOSMUrl, {attribution: CyclOSMAttrib});\n\n    var tiles = L.tileLayer('https:\/\/{s}.tile.osm.org\/{z}\/{x}\/{y}.png', {\n            maxZoom: 20,\n            attribution: '&copy; <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> contributors',\n            id: 'mapbox\/streets-v11',\n            tileSize: 512,\n            zoomOffset: -1\n        }),\n        \n        latlng = L.latLng(52.7052, -2.1230);\n    var lat = 47.4;\n    var lng = 1.6;\n        \n    var zoom = 7;\n\n    var options = {\n        maxZoom: 20,\n        center: latlng,\n        zoom: 7,\n        zoomControl: true,layers: [tiles], tap:false, }\n    var map = L.map('map', options);\n\n    var baseLayers = {\n        'Custom OpenStreetMap': tiles,\n        'OpenStreetMap France': esriMap,\n        'OSM Mapnik': osmMap,\n        'OpenStreetMap HOT': landMap,        \n        'Satellite':EsriWorldImagery,\n        'Cycle OSM':CyclOSM\n    };\n\n\n    \/\/\/ ------ GEOCODER\n    var IconSearch = L.icon({\n        iconUrl: \"https:\/\/whatson.org.uk\/wo\/wp-content\/plugins\/events-manager-openstreetmap\/images\/iconsearch.png\",\n        iconSize:     [32, 48],\n        iconAnchor:   [16, 48],\n        popupAnchor:  [-3, -48],\n    });\n\n    var optionsSearch = {\n        placeholder: \"Search for places or addresses\",\n        \/\/position: \"topright\"\n    }\n            \n    \/\/ create the geocoding control and add it to the map\n    var searchControl = L.esri.Geocoding.geosearch(optionsSearch).addTo(map);\n\n    \/\/ create an empty layer group to store the results and add it to the map\n    var results = L.layerGroup().addTo(map);\n\n    \/\/ listen for the results event and add every result to the map\n    searchControl.on(\"results\", function(data) {\n        results.clearLayers();\n        for (var i = data.results.length - 1; i >= 0; i--) {\n            results.addLayer(L.marker(data.results[i].latlng, { icon: IconSearch }));\n        }\n    });\n\n    \/\/ ------ END \n    L.control.layers(baseLayers).addTo(map);\n    var markers = L.markerClusterGroup();\n\t\nfor (var i = 0; i < addressPoints.length; i++) {\n    var a = addressPoints[i];\n    var title = a[2];\n    var urlIcon = a[6]\n    var catIcon = L.icon({\n        iconUrl: urlIcon,\n        iconSize:     [33, 44],\n        iconAnchor:   [16.5, 44],\n        popupAnchor:  [-3, -44],\n    });\n    \/\/ create popup contents\n    var customPopup = '' + a[4] + '<div class=\"em-osm-event-content\"><a href=\"' + a[3] + '\" target=\"_blank\"><h3>' + title + '<\/h3><\/a><p>' + a[5] + '<\/p><\/div><div class=\"clear\"><\/div><div class=\"em-osm-event-readmore\"><img decoding=\"async\" src=\"' + a[6] + '\" width=\"25\"><a href=\"' + a[3] + '\" target=\"_blank\">Read more<\/a><\/div><br \/>';\n    \n    \/\/ specify popup options \n    var customOptions = {'maxWidth': '500','className' : 'customevent'}\n\n    var marker = L.marker(new L.LatLng(a[0], a[1]), { title: title, icon: catIcon });\n    marker.bindPopup(customPopup,customOptions);\n    markers.addLayer(marker);\n}\n    \/\/ create legend : https:\/\/tomik23.github.io\/leaflet-examples\/#62.count-markers\n\n    const legend = L.control({ position: 'bottomleft' });\n\n    legend.onAdd = function () {\n    const div = L.DomUtil.create('div', 'description');\n    L.DomEvent.disableClickPropagation(div);\n\n    const allMarkers = L.DomUtil.create('div', 'all-markers');\n    allMarkers.insertAdjacentHTML(\n        'beforeend',\n        '<div style=\"background-color:#ffffff;padding:0.8em;\">All events on map: <strong>' + i +'<\/strong><\/div>'\n    );\n\n    div.appendChild(allMarkers);\n    return div;\n    };\n\n    legend.addTo(map);\n\nmap.addLayer(markers);\n\n    \/\/ custom zoom bar control that includes a Zoom Home function\n    L.Control.zoomHome = L.Control.extend({\n        options: {\n            position: 'topleft',\n            zoomInText: '+',\n            zoomInTitle: 'Zoom in',\n            zoomOutText: '-',\n            zoomOutTitle: 'Zoom out',\n            zoomHomeText: '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"-13 -13 59 59\"><path d=\"M32 18.451L16 6.031 0 18.451v-5.064L16 .967l16 12.42zM28 18v12h-8v-8h-8v8H4V18l12-9z\" \/><\/svg>',\n            zoomHomeTitle: 'Zoom home'\n        },\n\n        onAdd: function (map) {\n            var controlName = 'gin-control-zoom',\n                container = L.DomUtil.create('div', controlName + ' leaflet-bar'),\n                options = this.options;\n\n            this._zoomInButton = this._createButton(options.zoomInText, options.zoomInTitle,\n            controlName + '-in', container, this._zoomIn);\n            this._zoomHomeButton = this._createButton(options.zoomHomeText, options.zoomHomeTitle,\n            controlName + '-home', container, this._zoomHome);\n            this._zoomOutButton = this._createButton(options.zoomOutText, options.zoomOutTitle,\n            controlName + '-out', container, this._zoomOut);\n\n            this._updateDisabled();\n            map.on('zoomend zoomlevelschange', this._updateDisabled, this);\n\n            return container;\n        },\n\n        onRemove: function (map) {\n            map.off('zoomend zoomlevelschange', this._updateDisabled, this);\n        },\n\n        _zoomIn: function (e) {\n            this._map.zoomIn(e.shiftKey ? 3 : 1);\n        },\n\n        _zoomOut: function (e) {\n            this._map.zoomOut(e.shiftKey ? 3 : 1);\n        },\n\n        _zoomHome: function (e) {\n            map.setView([lat, lng], zoom);\n        },\n\n        _createButton: function (html, title, className, container, fn) {\n            var link = L.DomUtil.create('a', className, container);\n            link.innerHTML = html;\n            link.href = '#';\n            link.title = title;\n\n            L.DomEvent.on(link, 'mousedown dblclick', L.DomEvent.stopPropagation)\n                .on(link, 'click', L.DomEvent.stop)\n                .on(link, 'click', fn, this)\n                .on(link, 'click', this._refocusOnMap, this);\n\n            return link;\n        },\n\n        _updateDisabled: function () {\n            var map = this._map,\n                className = 'leaflet-disabled';\n\n            L.DomUtil.removeClass(this._zoomInButton, className);\n            L.DomUtil.removeClass(this._zoomOutButton, className);\n\n            if (map._zoom === map.getMinZoom()) {\n                L.DomUtil.addClass(this._zoomOutButton, className);\n            }\n            if (map._zoom === map.getMaxZoom()) {\n                L.DomUtil.addClass(this._zoomInButton, className);\n            }\n        }\n    });\n    \/\/ add the new control to the map\n    var zoomHome = new L.Control.zoomHome();\n    zoomHome.addTo(map);\n    \n    const attribution =\n    '&copy; <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> contributors';\n    const osm2 = new L.TileLayer('https:\/\/{s}.tile.osm.org\/{z}\/{x}\/{y}.png', { minZoom: 0, maxZoom: 13, attribution, id: 'mapbox\/streets-v11' });\n    var miniMap = new L.Control.MiniMap(osm2, { toggleDisplay: true }).addTo(map);\n    \n\n\t<\/script>\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.whatson.org.uk\/mttr\/img\/intra\/m\/home\/3865\/logo.png\" alt=\"\" \/><\/figure>\r\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width-transparent.php","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Events Map - What&#039;s On<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/whatson.org.uk\/wo\/events-map\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Events Map - What&#039;s On\" \/>\n<meta property=\"og:url\" content=\"https:\/\/whatson.org.uk\/wo\/events-map\/\" \/>\n<meta property=\"og:site_name\" content=\"What&#039;s On\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=61557670951636\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-02T06:47:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.whatson.org.uk\/mttr\/img\/intra\/m\/home\/3865\/logo.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/whatson.org.uk\/wo\/events-map\/\",\"url\":\"https:\/\/whatson.org.uk\/wo\/events-map\/\",\"name\":\"Events Map - What&#039;s On\",\"isPartOf\":{\"@id\":\"https:\/\/whatson.org.uk\/wo\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/whatson.org.uk\/wo\/events-map\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/whatson.org.uk\/wo\/events-map\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.whatson.org.uk\/mttr\/img\/intra\/m\/home\/3865\/logo.png\",\"datePublished\":\"2024-03-07T12:30:05+00:00\",\"dateModified\":\"2024-05-02T06:47:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/whatson.org.uk\/wo\/events-map\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/whatson.org.uk\/wo\/events-map\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/whatson.org.uk\/wo\/events-map\/#primaryimage\",\"url\":\"https:\/\/www.whatson.org.uk\/mttr\/img\/intra\/m\/home\/3865\/logo.png\",\"contentUrl\":\"https:\/\/www.whatson.org.uk\/mttr\/img\/intra\/m\/home\/3865\/logo.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/whatson.org.uk\/wo\/events-map\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/whatson.org.uk\/wo\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Events Map\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/whatson.org.uk\/wo\/#website\",\"url\":\"https:\/\/whatson.org.uk\/wo\/\",\"name\":\"What's On\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/whatson.org.uk\/wo\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/whatson.org.uk\/wo\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/whatson.org.uk\/wo\/#organization\",\"name\":\"What's On\",\"url\":\"https:\/\/whatson.org.uk\/wo\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/whatson.org.uk\/wo\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/whatson.org.uk\/wo\/wp-content\/uploads\/2024\/05\/WhatsOn-100x100-1-e1715959383320.png\",\"contentUrl\":\"https:\/\/whatson.org.uk\/wo\/wp-content\/uploads\/2024\/05\/WhatsOn-100x100-1-e1715959383320.png\",\"width\":50,\"height\":50,\"caption\":\"What's On\"},\"image\":{\"@id\":\"https:\/\/whatson.org.uk\/wo\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php?id=61557670951636\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Events Map - What&#039;s On","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/whatson.org.uk\/wo\/events-map\/","og_locale":"en_GB","og_type":"article","og_title":"Events Map - What&#039;s On","og_url":"https:\/\/whatson.org.uk\/wo\/events-map\/","og_site_name":"What&#039;s On","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=61557670951636","article_modified_time":"2024-05-02T06:47:54+00:00","og_image":[{"url":"https:\/\/www.whatson.org.uk\/mttr\/img\/intra\/m\/home\/3865\/logo.png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/whatson.org.uk\/wo\/events-map\/","url":"https:\/\/whatson.org.uk\/wo\/events-map\/","name":"Events Map - What&#039;s On","isPartOf":{"@id":"https:\/\/whatson.org.uk\/wo\/#website"},"primaryImageOfPage":{"@id":"https:\/\/whatson.org.uk\/wo\/events-map\/#primaryimage"},"image":{"@id":"https:\/\/whatson.org.uk\/wo\/events-map\/#primaryimage"},"thumbnailUrl":"https:\/\/www.whatson.org.uk\/mttr\/img\/intra\/m\/home\/3865\/logo.png","datePublished":"2024-03-07T12:30:05+00:00","dateModified":"2024-05-02T06:47:54+00:00","breadcrumb":{"@id":"https:\/\/whatson.org.uk\/wo\/events-map\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/whatson.org.uk\/wo\/events-map\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/whatson.org.uk\/wo\/events-map\/#primaryimage","url":"https:\/\/www.whatson.org.uk\/mttr\/img\/intra\/m\/home\/3865\/logo.png","contentUrl":"https:\/\/www.whatson.org.uk\/mttr\/img\/intra\/m\/home\/3865\/logo.png"},{"@type":"BreadcrumbList","@id":"https:\/\/whatson.org.uk\/wo\/events-map\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/whatson.org.uk\/wo\/"},{"@type":"ListItem","position":2,"name":"Events Map"}]},{"@type":"WebSite","@id":"https:\/\/whatson.org.uk\/wo\/#website","url":"https:\/\/whatson.org.uk\/wo\/","name":"What's On","description":"","publisher":{"@id":"https:\/\/whatson.org.uk\/wo\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/whatson.org.uk\/wo\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/whatson.org.uk\/wo\/#organization","name":"What's On","url":"https:\/\/whatson.org.uk\/wo\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/whatson.org.uk\/wo\/#\/schema\/logo\/image\/","url":"https:\/\/whatson.org.uk\/wo\/wp-content\/uploads\/2024\/05\/WhatsOn-100x100-1-e1715959383320.png","contentUrl":"https:\/\/whatson.org.uk\/wo\/wp-content\/uploads\/2024\/05\/WhatsOn-100x100-1-e1715959383320.png","width":50,"height":50,"caption":"What's On"},"image":{"@id":"https:\/\/whatson.org.uk\/wo\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=61557670951636"]}]}},"_links":{"self":[{"href":"https:\/\/whatson.org.uk\/wo\/wp-json\/wp\/v2\/pages\/293"}],"collection":[{"href":"https:\/\/whatson.org.uk\/wo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/whatson.org.uk\/wo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/whatson.org.uk\/wo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/whatson.org.uk\/wo\/wp-json\/wp\/v2\/comments?post=293"}],"version-history":[{"count":2,"href":"https:\/\/whatson.org.uk\/wo\/wp-json\/wp\/v2\/pages\/293\/revisions"}],"predecessor-version":[{"id":1323,"href":"https:\/\/whatson.org.uk\/wo\/wp-json\/wp\/v2\/pages\/293\/revisions\/1323"}],"wp:attachment":[{"href":"https:\/\/whatson.org.uk\/wo\/wp-json\/wp\/v2\/media?parent=293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}