diff options
| -rw-r--r-- | perllib/FixMyStreet/Map/Buckinghamshire.pm | 1 | ||||
| -rw-r--r-- | web/cobrands/buckinghamshire/js.js | 3 | ||||
| -rw-r--r-- | web/cobrands/fixmystreet-uk-councils/roadworks.js | 196 |
3 files changed, 200 insertions, 0 deletions
diff --git a/perllib/FixMyStreet/Map/Buckinghamshire.pm b/perllib/FixMyStreet/Map/Buckinghamshire.pm index 4664a4eea..42c7b2705 100644 --- a/perllib/FixMyStreet/Map/Buckinghamshire.pm +++ b/perllib/FixMyStreet/Map/Buckinghamshire.pm @@ -12,6 +12,7 @@ sub map_javascript { [ '/js/map-OpenLayers.js', '/js/map-bing-ol.js', '/js/map-fms.js', + '/cobrands/fixmystreet-uk-councils/roadworks.js', '/cobrands/fixmystreet/assets.js', '/cobrands/buckinghamshire/js.js', ] } diff --git a/web/cobrands/buckinghamshire/js.js b/web/cobrands/buckinghamshire/js.js index 1fc33ee1d..c1ee95fb3 100644 --- a/web/cobrands/buckinghamshire/js.js +++ b/web/cobrands/buckinghamshire/js.js @@ -82,4 +82,7 @@ fixmystreet.assets.add($.extend(true, {}, defaults, { } })); +fixmystreet.assets.add(fixmystreet.roadworks.layer_future); +fixmystreet.assets.add(fixmystreet.roadworks.layer_planned); + })(); diff --git a/web/cobrands/fixmystreet-uk-councils/roadworks.js b/web/cobrands/fixmystreet-uk-councils/roadworks.js new file mode 100644 index 000000000..a11279645 --- /dev/null +++ b/web/cobrands/fixmystreet-uk-councils/roadworks.js @@ -0,0 +1,196 @@ +/* Using this file, you also need to include the JavaScript file + * OpenLayers.Projection.OrdnanceSurvey.js for the 27700 conversion, and an + * OpenLayers build that includes OpenLayers.Layer.SphericalMercator and + * OpenLayers.Format.GeoJSON. + */ + +(function(){ + +var industry = { 'l': 4, 'n': 4, 'h': 4, 'e': 2, 't': 5, 'w': 6, 'g': 3, 'r': 17, 'm': 18, 'x': 19, 'p': 19 }; +var industry_other = { '08': 7, '11': 19, '12': 8, '13': 14, '14': 12, '15': 20, '90': 4 }; +var traffic_management = { 'n': 0, 'l': 1, 's': 2, 'p': 3, 'a': 4, 'r': 5, 'g': 6, 'c': 7 }; +var impact = { 'g': 2, 'y': 1, 'r': 0 }; + +// 0-indexed +function getRow(symbol, promoter_org_ref) { + if (promoter_org_ref == 7347) { return 24-1; } + if (promoter_org_ref == 11 || promoter_org_ref == 15) { return 23-1; } + var r = industry[symbol.substr(2, 1)] || industry_other[symbol.substr(4, 2)] || 4; + return r-1; +} + +// 0-indexed +function getColumn(symbol) { + var tm = traffic_management[symbol.substr(3, 1)] || 0; + if (symbol.substr(1, 1) == 'p') { + return 28 + tm - 1; + } + return 1 + impact[symbol.substr(0, 1)] + tm * 3 - 1; +} + +OpenLayers.Format.RoadworksForwardPlanning = OpenLayers.Class(OpenLayers.Format.GeoJSON, { + read: function(json, type, filter) { + type = (type) ? type : "FeatureCollection"; + var results = null; + var obj = null; + if (typeof json == "string") { + obj = OpenLayers.Format.JSON.prototype.read.apply(this, [json, filter]); + } else { + obj = json; + } + if(!obj) { + OpenLayers.Console.error("Bad JSON: " + json); + return; + } + + // Convert what we're given into GeoJSON + var data = obj.query.data; + obj = { + 'type': 'FeatureCollection', + 'features': [] + }; + for (var i = 0, l=data.longitude.length; i<l; i++) { + var feature = { + 'id': data.se_id[i], + 'type': 'Feature', + 'properties': { + 'symbol': data.gsymbol_id[i], + 'symbol_num': getRow(data.gsymbol_id[i]) * 36 + getColumn(data.gsymbol_id[i]), + 'tooltip': data.tooltip[i], + 'org': data.org_name_disp[i], + 'promoter': data.promoter[i], + 'start': data.start_date[i], + 'end': data.end_date[i], + } + }; + // var geojson = false; + var geojson = data.geojson_wgs84[i]; + if (geojson) { + feature.geometry = OpenLayers.Format.JSON.prototype.read.apply(this, [geojson]); + } else { + feature.geometry = { + 'type': 'Point', + 'coordinates': [data.longitude[i], data.latitude[i]] + }; + } + obj.features.push(feature); + } + return OpenLayers.Format.GeoJSON.prototype.read.apply(this, [obj, type, filter]); + }, + + CLASS_NAME: "OpenLayers.Format.RoadworksForwardPlanning" +}); + +// --- + +function format_date(date) { + var day = ('0' + date.getDate()).slice(-2); + var month = ('0' + (date.getMonth() + 1)).slice(-2); + var year = date.getFullYear(); + return day + '/' + month + '/' + year; +} + +var stylemap = new OpenLayers.StyleMap({ + 'default': new OpenLayers.Style({ + fillOpacity: 0, + strokeOpacity: 0, +/* + fillOpacity: 1, + fillColor: "#FFFF00", + strokeColor: "#000000", + strokeOpacity: 0.8, + strokeWidth: 2, + pointRadius: 6, + graphicWidth: 34, + graphicHeight: 42, + graphicXOffset: -17, + graphicYOffset: -42, + graphicOpacity: 1, + externalGraphic: '/cobrands/fixmystreet-uk-councils/roadworks/${symbol_num}.png' +*/ + }) +}); + +var roadworks_defaults = { + http_options: { + url: "https://portal.roadworks.org/data/", + // url: "/data/", + params: { + get: 'Points', + userid: '1', + organisation_id: '1016', + filterimpact: '1,2,3,4', + extended_func_id: '14', + }, + filterToParams: function(filter, params) { + params = params || {}; + filter.value.transform('EPSG:4326', 'EPSG:27700'); + params.b = filter.value.toArray(); + var date = new Date(); + params.filterstartdate = format_date(date); + date.setMonth(date.getMonth() + 3); + params.filterenddate = format_date(date); + return params; + } + }, + format_class: OpenLayers.Format.RoadworksForwardPlanning, + strategy_class: OpenLayers.Strategy.FixMyStreet, + stylemap: stylemap, + non_interactive: true, + always_visible: true +}; + +fixmystreet.roadworks = {}; + +fixmystreet.roadworks.layer_planned = $.extend(true, {}, roadworks_defaults, { + http_options: { params: { t: 'fp' } } +}); + +fixmystreet.roadworks.layer_future = $.extend(true, {}, roadworks_defaults, { + http_options: { params: { t: 'cw' } } +}); + +// fixmystreet.map.layers[5].getNearestFeature(new OpenLayers.Geometry.Point(-0.835614, 51.816562).transform(new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:3857")), 10) + +fixmystreet.roadworks.show_nearby = function(evt, lonlat) { + $(".js-roadworks-message").remove(); + var providers = fixmystreet.map.getLayersBy('fixmystreet', { + test: function(options) { + return options && options.format_class == OpenLayers.Format.RoadworksForwardPlanning; + } + }); + for (var i=0; i<providers.length; i++) { + var layer = providers[i]; + var point = new OpenLayers.Geometry.Point(lonlat.lon, lonlat.lat); + var feature = layer.getFeatureAtPoint(point); + if (feature == null) { + // The click wasn't directly over a road, try and find one nearby + feature = layer.getNearestFeature(point, 100); + } + if (feature !== null) { + // XXX TODO + var attr = feature.attributes, + start = attr.start.replace(/{ts '([^ ]*).*/, '$1'), + end = attr.end.replace(/{ts '([^ ]*).*/, '$1'), + tooltip = attr.tooltip.replace(/\\n/g, '\n'); + $('.change_location').after('<div class="js-roadworks-message box-warning">Roadworks are scheduled near this location from ' + start + ' to ' + end + ', so you may not need to report your issue: “' + tooltip + '”</div>'); + return true; + } + } +}; + +$(fixmystreet).on('maps:update_pin', fixmystreet.roadworks.show_nearby); + +/* Stop sending a needless header so that no preflight CORS request */ +OpenLayers.Request.XMLHttpRequest.prototype.setRequestHeader = function(sName, sValue) { + if (sName.toLowerCase() == 'x-requested-with') { + return; + } + if (!this._headers) { + this._headers = {}; + } + this._headers[sName] = sValue; + return this._object.setRequestHeader(sName, sValue); +}; + +})(); |