1 var epsg4326 = new OpenLayers.Projection("EPSG:4326");
7 function createMap(divName, options) {
8 options = options || {};
10 map = new OpenLayers.Map(divName, {
11 controls: options.controls || [
12 new OpenLayers.Control.ArgParser(),
13 new OpenLayers.Control.Attribution(),
14 new OpenLayers.Control.LayerSwitcher(),
15 new OpenLayers.Control.Navigation(),
16 new OpenLayers.Control.PanZoom(),
17 new OpenLayers.Control.PanZoomBar(),
18 new OpenLayers.Control.ScaleLine({geodesic: true})
21 maxResolution: 156543.0339,
23 displayProjection: new OpenLayers.Projection("EPSG:4326")
26 var mapnik = new OpenLayers.Layer.OSM.Mapnik(i18n("javascripts.map.base.mapnik"), {
29 displayOutsideMaxExtent: true,
35 var osmarender = new OpenLayers.Layer.OSM.Osmarender(i18n("javascripts.map.base.osmarender"), {
38 displayOutsideMaxExtent: true,
42 map.addLayer(osmarender);
44 var cyclemap = new OpenLayers.Layer.OSM.CycleMap(i18n("javascripts.map.base.cycle_map"), {
45 attribution: "Tiles courtesy of <a href='http://www.opencyclemap.org/' target='_blank'>Andy Allan</a>",
47 displayOutsideMaxExtent: true,
51 map.addLayer(cyclemap);
53 var transportmap = new OpenLayers.Layer.OSM.TransportMap(i18n("javascripts.map.base.transport_map"), {
54 attribution: "Tiles courtesy of <a href='http://www.opencyclemap.org/' target='_blank'>Andy Allan</a>",
55 keyid: "transportmap",
56 displayOutsideMaxExtent: true,
60 map.addLayer(transportmap);
62 var mapquest = new OpenLayers.Layer.OSM(i18n("javascripts.map.base.mapquest"), [
63 "http://otile1.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png",
64 "http://otile2.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png",
65 "http://otile3.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png",
66 "http://otile4.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png"
68 attribution: "Tiles courtesy of <a href='http://www.mapquest.com/' target='_blank'>MapQuest</a> <img src='http://developer.mapquest.com/content/osm/mq_logo.png'>",
70 displayOutsideMaxExtent: true,
75 map.addLayer(mapquest);
77 var numZoomLevels = Math.max(mapnik.numZoomLevels, osmarender.numZoomLevels);
79 markers = new OpenLayers.Layer.Markers("Markers", {
80 displayInLayerSwitcher: false,
81 numZoomLevels: numZoomLevels,
82 maxExtent: new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508),
83 maxResolution: 156543,
85 projection: "EPSG:900913"
87 map.addLayer(markers);
92 function getArrowIcon() {
93 var size = new OpenLayers.Size(25, 22);
94 var offset = new OpenLayers.Pixel(-30, -27);
95 var icon = new OpenLayers.Icon("<%= asset_path 'arrow.png' %>", size, offset);
100 function addMarkerToMap(position, icon, description) {
101 var marker = new OpenLayers.Marker(position.clone().transform(epsg4326, map.getProjectionObject()), icon);
103 markers.addMarker(marker);
106 marker.events.register("mouseover", marker, function() { openMapPopup(marker, description) });
112 function addObjectToMap(url, zoom, callback) {
113 var layer = new OpenLayers.Layer.GML("Objects", url, {
114 format: OpenLayers.Format.OSM,
120 fillColor: "lightblue",
123 projection: new OpenLayers.Projection("EPSG:4326"),
124 displayInLayerSwitcher: false
127 layer.events.register("loadend", layer, function() {
130 if (this.features.length) {
131 extent = this.features[0].geometry.getBounds();
133 for (var i = 1; i < this.features.length; i++) {
134 extent.extend(this.features[i].geometry.getBounds());
139 this.map.zoomToExtent(extent);
141 this.map.zoomToMaxExtent();
156 function addBoxToMap(boxbounds, id, outline) {
158 // Be aware that IE requires Vector layers be initialised on page load, and not under deferred script conditions
159 vectors = new OpenLayers.Layer.Vector("Boxes", {
160 displayInLayerSwitcher: false
162 map.addLayer(vectors);
166 vertices = boxbounds.toGeometry().getVertices();
167 vertices.push(new OpenLayers.Geometry.Point(vertices[0].x, vertices[0].y));
168 geometry = new OpenLayers.Geometry.LineString(vertices).transform(epsg4326, map.getProjectionObject());
170 geometry = boxbounds.toGeometry().transform(epsg4326, map.getProjectionObject());
172 var box = new OpenLayers.Feature.Vector(geometry, {}, {
174 strokeColor: '#ee9900',
179 vectors.addFeatures(box);
184 function openMapPopup(marker, description) {
187 popup = new OpenLayers.Popup.FramedCloud("popup", marker.lonlat, null,
188 description, marker.icon, true);
189 popup.setBackgroundColor("#E3FFC5");
195 function closeMapPopup() {
197 map.removePopup(popup);
202 function removeMarkerFromMap(marker){
203 markers.removeMarker(marker);
206 function removeBoxFromMap(box){
207 vectors.removeFeature(box);
210 function getMapCenter() {
211 return map.getCenter().clone().transform(map.getProjectionObject(), epsg4326);
214 function setMapCenter(center, zoom) {
215 zoom = parseInt(zoom);
216 var numzoom = map.getNumZoomLevels();
217 if (zoom >= numzoom) zoom = numzoom - 1;
218 map.setCenter(center.clone().transform(epsg4326, map.getProjectionObject()), zoom);
221 function setMapExtent(extent) {
222 map.zoomToExtent(extent.clone().transform(epsg4326, map.getProjectionObject()));
225 function getMapExtent() {
226 return map.getExtent().clone().transform(map.getProjectionObject(), epsg4326);
229 function getMapZoom() {
230 return map.getZoom();
233 function getEventPosition(event) {
234 return map.getLonLatFromViewPortPx(event.xy).clone().transform(map.getProjectionObject(), epsg4326);
237 function getMapLayers() {
238 var layerConfig = "";
240 for (var i = 0; i < map.layers.length; i++) {
241 if (map.layers[i].layerCode && map.layers[i].getVisibility()) {
242 layerConfig += map.layers[i].layerCode;
249 function setMapLayers(layerConfig) {
250 if (layerConfig.charAt(0) == "B" || layerConfig.charAt(0) == "0") {
253 for (var layers = map.getLayersBy("isBaseLayer", true), i = 0; i < layers.length; i++) {
254 var c = layerConfig.charAt(l++);
257 map.setBaseLayer(layers[i]);
259 map.layers[i].setVisibility(false);
263 for (var i = 0; i < map.layers.length; i++) {
264 if (map.layers[i].layerCode) {
265 if (layerConfig.indexOf(map.layers[i].layerCode) >= 0) {
266 if (map.layers[i].isBaseLayer) {
267 map.setBaseLayer(map.layers[i]);
269 map.layers[i].setVisibility(true);
271 } else if (!map.layers[i].isBaseLayer) {
272 map.layers[i].setVisibility(false);
279 function scaleToZoom(scale) {
280 return Math.log(360.0/(scale * 512.0)) / Math.log(2.0);