From 91ac9486a1fd2eeb65fc9c6d2fccc1b170cfc16f Mon Sep 17 00:00:00 2001 From: Matthew Somerville Date: Mon, 14 Feb 2011 15:40:34 +0000 Subject: Tweaks to OSM map module, fix for truncated co-ords. --- web/js/map-OpenStreetMap.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'web/js/map-OpenStreetMap.js') diff --git a/web/js/map-OpenStreetMap.js b/web/js/map-OpenStreetMap.js index 04237e075..1eae62a9a 100644 --- a/web/js/map-OpenStreetMap.js +++ b/web/js/map-OpenStreetMap.js @@ -8,15 +8,15 @@ YAHOO.util.Event.onContentReady('map', function() { ], displayProjection: new OpenLayers.Projection("EPSG:4326") }); - var streetview = new fixmystreet.map_type("", { + var osm = new fixmystreet.map_type("", { zoomOffset: 14, numZoomLevels: 4 }); - map.addLayer(streetview); + map.addLayer(osm); - var centre = new OpenLayers.LonLat( fixmystreet.easting, fixmystreet.northing ); + var centre = new OpenLayers.LonLat( fixmystreet.longitude, fixmystreet.latitude ); centre.transform( - new OpenLayers.Projection("EPSG:27700"), + new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject() ); map.setCenter(centre, 2); -- cgit v1.2.3 From 7698b15bf64daee5f8b5a1080984dd1331615032 Mon Sep 17 00:00:00 2001 From: Matthew Somerville Date: Wed, 16 Feb 2011 20:34:30 +0000 Subject: Map clicking. --- web/js/map-OpenStreetMap.js | 46 +++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 42 insertions(+), 4 deletions(-) (limited to 'web/js/map-OpenStreetMap.js') diff --git a/web/js/map-OpenStreetMap.js b/web/js/map-OpenStreetMap.js index 1eae62a9a..2c459392e 100644 --- a/web/js/map-OpenStreetMap.js +++ b/web/js/map-OpenStreetMap.js @@ -1,5 +1,5 @@ YAHOO.util.Event.onContentReady('map', function() { - var map = new OpenLayers.Map("map", { + fixmystreet.map = new OpenLayers.Map("map", { controls: [ new OpenLayers.Control.ArgParser(), //new OpenLayers.Control.LayerSwitcher(), @@ -12,16 +12,54 @@ YAHOO.util.Event.onContentReady('map', function() { zoomOffset: 14, numZoomLevels: 4 }); - map.addLayer(osm); + fixmystreet.map.addLayer(osm); var centre = new OpenLayers.LonLat( fixmystreet.longitude, fixmystreet.latitude ); centre.transform( new OpenLayers.Projection("EPSG:4326"), - map.getProjectionObject() + fixmystreet.map.getProjectionObject() ); - map.setCenter(centre, 2); + fixmystreet.map.setCenter(centre, 2); + + var click = new OpenLayers.Control.Click(); + fixmystreet.map.addControl(click); + click.activate(); }); +OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, { + defaultHandlerOptions: { + 'single': true, + 'double': false, + 'pixelTolerance': 0, + 'stopSingle': false, + 'stopDouble': false + }, + + initialize: function(options) { + this.handlerOptions = OpenLayers.Util.extend( + {}, this.defaultHandlerOptions + ); + OpenLayers.Control.prototype.initialize.apply( + this, arguments + ); + this.handler = new OpenLayers.Handler.Click( + this, { + 'click': this.trigger + }, this.handlerOptions + ); + }, + + trigger: function(e) { + var lonlat = fixmystreet.map.getLonLatFromViewPortPx(e.xy); + lonlat.transform( + fixmystreet.map.getProjectionObject(), + new OpenLayers.Projection("EPSG:4326") + ); + document.getElementById('fixmystreet.latitude').value = lonlat.lat; + document.getElementById('fixmystreet.longitude').value = lonlat.lon; + document.getElementById('mapForm').submit(); + } +}); // http://www.openstreetmap.org/openlayers/OpenStreetMap.js (added maxResolution) -- cgit v1.2.3 From 2699b760e4b08b1422ab8232af4081f75627588e Mon Sep 17 00:00:00 2001 From: Matthew Somerville Date: Wed, 16 Feb 2011 23:02:03 +0000 Subject: First pin pass. --- web/js/map-OpenStreetMap.js | 13 +++++++++++++ 1 file changed, 13 insertions(+) (limited to 'web/js/map-OpenStreetMap.js') diff --git a/web/js/map-OpenStreetMap.js b/web/js/map-OpenStreetMap.js index 2c459392e..0caa32b38 100644 --- a/web/js/map-OpenStreetMap.js +++ b/web/js/map-OpenStreetMap.js @@ -24,6 +24,19 @@ YAHOO.util.Event.onContentReady('map', function() { var click = new OpenLayers.Control.Click(); fixmystreet.map.addControl(click); click.activate(); + + var markers = new OpenLayers.Layer.Markers("Markers"); + var cols = { 'red':'R', 'green':'G', 'blue':'B', 'purple':'P' }; + for (var i=0; i Date: Thu, 17 Feb 2011 01:02:46 +0000 Subject: Display pins. --- web/js/map-OpenStreetMap.js | 23 +++++++++++++++++------ 1 file changed, 17 insertions(+), 6 deletions(-) (limited to 'web/js/map-OpenStreetMap.js') diff --git a/web/js/map-OpenStreetMap.js b/web/js/map-OpenStreetMap.js index 0caa32b38..c5aa318b0 100644 --- a/web/js/map-OpenStreetMap.js +++ b/web/js/map-OpenStreetMap.js @@ -21,9 +21,11 @@ YAHOO.util.Event.onContentReady('map', function() { ); fixmystreet.map.setCenter(centre, 2); - var click = new OpenLayers.Control.Click(); - fixmystreet.map.addControl(click); - click.activate(); + if (document.getElementById('mapForm')) { + var click = new OpenLayers.Control.Click(); + fixmystreet.map.addControl(click); + click.activate(); + } var markers = new OpenLayers.Layer.Markers("Markers"); var cols = { 'red':'R', 'green':'G', 'blue':'B', 'purple':'P' }; @@ -31,12 +33,21 @@ YAHOO.util.Event.onContentReady('map', function() { var pin = fixmystreet.pins[i]; var src = '/i/pin' + cols[pin[2]] + '.gif'; var size = new OpenLayers.Size(32, 59); - var offset = new OpenLayers.Pixel(-(size.w/2), -size.h); + var offset = new OpenLayers.Pixel(-3, -size.h-2); var icon = new OpenLayers.Icon(src, size, offset); - markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(pin[1],pin[0]), icon)); + var loc = new OpenLayers.LonLat(pin[1], pin[0]); + loc.transform( + new OpenLayers.Projection("EPSG:4326"), + fixmystreet.map.getProjectionObject() + ); + var marker = new OpenLayers.Marker(loc, icon); + if (pin[3]) { + marker.events.register('click', marker, function(evt) { window.location = '/report/' + pin[3]; OpenLayers.Event.stop(evt); }); + } + markers.addMarker(marker); } - fixmystreet.map.addLayer(markers); + }); OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, { -- cgit v1.2.3