From 2f013cc0c26246d3a29fe6078275b4822b6f4aa9 Mon Sep 17 00:00:00 2001 From: Joey Hess Date: Sat, 3 Mar 2012 17:39:02 -0400 Subject: move osm.js to osm underlay and osm does not need javascript underlay --- underlays/javascript/ikiwiki/osm.js | 128 ------------------------------------ underlays/osm/ikiwiki/osm.js | 128 ++++++++++++++++++++++++++++++++++++ 2 files changed, 128 insertions(+), 128 deletions(-) delete mode 100644 underlays/javascript/ikiwiki/osm.js create mode 100644 underlays/osm/ikiwiki/osm.js (limited to 'underlays') diff --git a/underlays/javascript/ikiwiki/osm.js b/underlays/javascript/ikiwiki/osm.js deleted file mode 100644 index 7994c62fc..000000000 --- a/underlays/javascript/ikiwiki/osm.js +++ /dev/null @@ -1,128 +0,0 @@ -// taken from http://stackoverflow.com/questions/901115/get-query-string-values-in-javascript -var urlParams = {}; -(function () { - var e, - a = /\\+/g, // Regex for replacing addition symbol with a space - r = /([^&=]+)=?([^&]*)/g, - d = function (s) { return decodeURIComponent(s.replace(a, " ")); }, - q = window.location.search.substring(1); - - while (e = r.exec(q)) - urlParams[d(e[1])] = d(e[2]); -})(); - -function mapsetup(divname, options) { - div = document.getElementById(divname); - if (options.fullscreen) { - permalink = 'permalink'; - div.style.top = 0; - div.style.left = 0; - div.style.position = 'absolute'; - div.style.width = '100%'; - div.style.height = '100%'; - } - else { - div.style.height = options.height; - div.style.width = options.width; - div.style.float = options.float; - permalink = {base: options.href, title: "View larger map"}; - } - map = new OpenLayers.Map(divname, { - controls: [ - new OpenLayers.Control.Navigation(), - new OpenLayers.Control.ScaleLine(), - new OpenLayers.Control.Permalink(permalink) - ], - displayProjection: new OpenLayers.Projection("EPSG:4326"), - numZoomLevels: 18 - }); - - - map.addLayer(new OpenLayers.Layer.OSM()); - if (options.format == 'CSV') { - pois = new OpenLayers.Layer.Text( "CSV", - { location:"/" + options.map + "/pois.txt", - projection: map.displayProjection - }); - } else if (options.format == 'GeoJSON') { - pois = new OpenLayers.Layer.Vector("GeoJSON", { - protocol: new OpenLayers.Protocol.HTTP({ - url: "/" + options.map + "/pois.json", - format: new OpenLayers.Format.GeoJSON() - }), - strategies: [new OpenLayers.Strategy.Fixed()] - }); - } else { - pois = new OpenLayers.Layer.Vector("KML", { - protocol: new OpenLayers.Protocol.HTTP({ - url: "/" + options.map + "/pois.kml", - format: new OpenLayers.Format.KML({ - extractStyles: true, - extractAttributes: true - }) - }), - strategies: [new OpenLayers.Strategy.Fixed()]}); - } - map.addLayer(pois); - select = new OpenLayers.Control.SelectFeature(pois); - map.addControl(select); - select.activate(); - - pois.events.on({ - "featureselected": function (event) { - var feature = event.feature; - var content = '

' +feature.attributes.name + "

" + feature.attributes.description; - popup = new OpenLayers.Popup.FramedCloud("chicken", - feature.geometry.getBounds().getCenterLonLat(), - new OpenLayers.Size(100,100), - content, - null, true, function () {select.unselectAll()}); - feature.popup = popup; - map.addPopup(popup); - }, - "featureunselected": function (event) { - var feature = event.feature; - if (feature.popup) { - map.removePopup(feature.popup); - feature.popup.destroy(); - delete feature.popup; - } - } - }); - - if (options.editable) { - vlayer = new OpenLayers.Layer.Vector( "Editable" ); - map.addControl(new OpenLayers.Control.EditingToolbar(vlayer)); - map.addLayer(vlayer); - } - - if (options.fullscreen) { - map.addControl(new OpenLayers.Control.PanZoomBar()); - map.addControl(new OpenLayers.Control.LayerSwitcher({'ascending':false})); - map.addControl(new OpenLayers.Control.MousePosition()); - map.addControl(new OpenLayers.Control.KeyboardDefaults()); - } else { - map.addControl(new OpenLayers.Control.ZoomPanel()); - } - - //Set start centrepoint and zoom - if (!options.lat || !options.lon) { - options.lat = urlParams['lat']; - options.lon = urlParams['lon']; - } - if (!options.zoom) { - options.zoom = urlParams['zoom']; - } - if (options.lat && options.lon) { - var lat = options.lat; - var lon = options.lon; - var zoom= options.zoom || 10; - center = new OpenLayers.LonLat( lon, lat ).transform( - new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984 - map.getProjectionObject() // to Spherical Mercator Projection - ); - map.setCenter (center, zoom); - } else { - pois.events.register("loadend", this, function () { map.zoomToExtent(pois.getDataExtent()); }); - } -} diff --git a/underlays/osm/ikiwiki/osm.js b/underlays/osm/ikiwiki/osm.js new file mode 100644 index 000000000..7994c62fc --- /dev/null +++ b/underlays/osm/ikiwiki/osm.js @@ -0,0 +1,128 @@ +// taken from http://stackoverflow.com/questions/901115/get-query-string-values-in-javascript +var urlParams = {}; +(function () { + var e, + a = /\\+/g, // Regex for replacing addition symbol with a space + r = /([^&=]+)=?([^&]*)/g, + d = function (s) { return decodeURIComponent(s.replace(a, " ")); }, + q = window.location.search.substring(1); + + while (e = r.exec(q)) + urlParams[d(e[1])] = d(e[2]); +})(); + +function mapsetup(divname, options) { + div = document.getElementById(divname); + if (options.fullscreen) { + permalink = 'permalink'; + div.style.top = 0; + div.style.left = 0; + div.style.position = 'absolute'; + div.style.width = '100%'; + div.style.height = '100%'; + } + else { + div.style.height = options.height; + div.style.width = options.width; + div.style.float = options.float; + permalink = {base: options.href, title: "View larger map"}; + } + map = new OpenLayers.Map(divname, { + controls: [ + new OpenLayers.Control.Navigation(), + new OpenLayers.Control.ScaleLine(), + new OpenLayers.Control.Permalink(permalink) + ], + displayProjection: new OpenLayers.Projection("EPSG:4326"), + numZoomLevels: 18 + }); + + + map.addLayer(new OpenLayers.Layer.OSM()); + if (options.format == 'CSV') { + pois = new OpenLayers.Layer.Text( "CSV", + { location:"/" + options.map + "/pois.txt", + projection: map.displayProjection + }); + } else if (options.format == 'GeoJSON') { + pois = new OpenLayers.Layer.Vector("GeoJSON", { + protocol: new OpenLayers.Protocol.HTTP({ + url: "/" + options.map + "/pois.json", + format: new OpenLayers.Format.GeoJSON() + }), + strategies: [new OpenLayers.Strategy.Fixed()] + }); + } else { + pois = new OpenLayers.Layer.Vector("KML", { + protocol: new OpenLayers.Protocol.HTTP({ + url: "/" + options.map + "/pois.kml", + format: new OpenLayers.Format.KML({ + extractStyles: true, + extractAttributes: true + }) + }), + strategies: [new OpenLayers.Strategy.Fixed()]}); + } + map.addLayer(pois); + select = new OpenLayers.Control.SelectFeature(pois); + map.addControl(select); + select.activate(); + + pois.events.on({ + "featureselected": function (event) { + var feature = event.feature; + var content = '

' +feature.attributes.name + "

" + feature.attributes.description; + popup = new OpenLayers.Popup.FramedCloud("chicken", + feature.geometry.getBounds().getCenterLonLat(), + new OpenLayers.Size(100,100), + content, + null, true, function () {select.unselectAll()}); + feature.popup = popup; + map.addPopup(popup); + }, + "featureunselected": function (event) { + var feature = event.feature; + if (feature.popup) { + map.removePopup(feature.popup); + feature.popup.destroy(); + delete feature.popup; + } + } + }); + + if (options.editable) { + vlayer = new OpenLayers.Layer.Vector( "Editable" ); + map.addControl(new OpenLayers.Control.EditingToolbar(vlayer)); + map.addLayer(vlayer); + } + + if (options.fullscreen) { + map.addControl(new OpenLayers.Control.PanZoomBar()); + map.addControl(new OpenLayers.Control.LayerSwitcher({'ascending':false})); + map.addControl(new OpenLayers.Control.MousePosition()); + map.addControl(new OpenLayers.Control.KeyboardDefaults()); + } else { + map.addControl(new OpenLayers.Control.ZoomPanel()); + } + + //Set start centrepoint and zoom + if (!options.lat || !options.lon) { + options.lat = urlParams['lat']; + options.lon = urlParams['lon']; + } + if (!options.zoom) { + options.zoom = urlParams['zoom']; + } + if (options.lat && options.lon) { + var lat = options.lat; + var lon = options.lon; + var zoom= options.zoom || 10; + center = new OpenLayers.LonLat( lon, lat ).transform( + new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984 + map.getProjectionObject() // to Spherical Mercator Projection + ); + map.setCenter (center, zoom); + } else { + pois.events.register("loadend", this, function () { map.zoomToExtent(pois.getDataExtent()); }); + } +} -- cgit v1.2.3