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 SimpleLayerSwitcher(),
15 new OpenLayers.Control.Navigation(),
16 new OpenLayers.Control.PanZoom(),
17 new OpenLayers.Control.PanZoomBar(),
18 new OpenLayers.Control.ScaleLine({geodesic: true})
21 displayProjection: new OpenLayers.Projection("EPSG:4326"),
22 theme: "<%= asset_path 'theme/default/style.css' %>"
25 var mapnik = new OpenLayers.Layer.OSM.Mapnik(i18n("javascripts.map.base.standard"), {
28 displayOutsideMaxExtent: true,
34 var cyclemap = new OpenLayers.Layer.OSM.CycleMap(i18n("javascripts.map.base.cycle_map"), {
35 attribution: "Tiles courtesy of <a href='http://www.opencyclemap.org/' target='_blank'>Andy Allan</a>",
37 displayOutsideMaxExtent: true,
41 map.addLayer(cyclemap);
43 var transportmap = new OpenLayers.Layer.OSM.TransportMap(i18n("javascripts.map.base.transport_map"), {
44 attribution: "Tiles courtesy of <a href='http://www.opencyclemap.org/' target='_blank'>Andy Allan</a>",
45 keyid: "transportmap",
46 displayOutsideMaxExtent: true,
50 map.addLayer(transportmap);
52 var mapquest = new OpenLayers.Layer.OSM(i18n("javascripts.map.base.mapquest"), [
53 "http://otile1.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png",
54 "http://otile2.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png",
55 "http://otile3.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png",
56 "http://otile4.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png"
58 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'>",
60 displayOutsideMaxExtent: true,
65 map.addLayer(mapquest);
67 markers = new OpenLayers.Layer.Markers("Markers", {
68 displayInLayerSwitcher: false,
70 maxExtent: new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508),
71 projection: "EPSG:900913"
73 map.addLayer(markers);
78 function getArrowIcon() {
79 var size = new OpenLayers.Size(25, 22);
80 var offset = new OpenLayers.Pixel(-30, -27);
81 var icon = new OpenLayers.Icon("<%= asset_path 'arrow.png' %>", size, offset);
86 function addMarkerToMap(position, icon, description) {
87 var marker = new OpenLayers.Marker(proj(position), icon);
89 markers.addMarker(marker);
92 marker.events.register("mouseover", marker, function() {
93 openMapPopup(marker, description);
100 function addObjectToMap(url, zoom, callback) {
101 var layer = new OpenLayers.Layer.GML("Objects", url, {
102 format: OpenLayers.Format.OSM,
108 fillColor: "lightblue",
111 projection: new OpenLayers.Projection("EPSG:4326"),
112 displayInLayerSwitcher: false
115 layer.events.register("loadend", layer, function() {
118 if (this.features.length) {
119 extent = this.features[0].geometry.getBounds();
121 for (var i = 1; i < this.features.length; i++) {
122 extent.extend(this.features[i].geometry.getBounds());
127 this.map.zoomToExtent(extent);
129 this.map.zoomToMaxExtent();
144 function addBoxToMap(boxbounds, id, outline) {
146 // Be aware that IE requires Vector layers be initialised on page load, and not under deferred script conditions
147 vectors = new OpenLayers.Layer.Vector("Boxes", {
148 displayInLayerSwitcher: false
150 map.addLayer(vectors);
154 vertices = boxbounds.toGeometry().getVertices();
155 vertices.push(new OpenLayers.Geometry.Point(vertices[0].x, vertices[0].y));
156 geometry = proj(new OpenLayers.Geometry.LineString(vertices));
158 geometry = proj(boxbounds.toGeometry());
160 var box = new OpenLayers.Feature.Vector(geometry, {}, {
162 strokeColor: '#ee9900',
167 vectors.addFeatures(box);
172 function openMapPopup(marker, description) {
175 popup = new OpenLayers.Popup.FramedCloud("popup", marker.lonlat, null,
176 description, marker.icon, true);
177 popup.setBackgroundColor("#E3FFC5");
183 function closeMapPopup() {
185 map.removePopup(popup);
190 function removeMarkerFromMap(marker){
191 markers.removeMarker(marker);
194 function removeBoxFromMap(box){
195 vectors.removeFeature(box);
199 return x.clone().transform(epsg4326, map.getProjectionObject());
203 return x.clone().transform(map.getProjectionObject(), epsg4326);
206 function setMapCenter(center, zoom) {
207 zoom = parseInt(zoom, 10);
208 var numzoom = map.getNumZoomLevels();
209 if (zoom >= numzoom) zoom = numzoom - 1;
210 map.setCenter(proj(center), zoom);
213 function getEventPosition(event) {
214 return map.getLonLatFromViewPortPx(event.xy).clone().transform(map.getProjectionObject(), epsg4326);
217 function getMapLayers() {
218 var layerConfig = "";
220 for (var i = 0; i < map.layers.length; i++) {
221 if (map.layers[i].layerCode && map.layers[i].getVisibility()) {
222 layerConfig += map.layers[i].layerCode;
229 function setMapLayers(layerConfig) {
230 if (layerConfig.charAt(0) == "B" || layerConfig.charAt(0) == "0") {
233 for (var layers = map.getLayersBy("isBaseLayer", true), i = 0; i < layers.length; i++) {
234 var c = layerConfig.charAt(l++);
237 map.setBaseLayer(layers[i]);
239 map.layers[i].setVisibility(false);
243 for (var i = 0; i < map.layers.length; i++) {
244 if (map.layers[i].layerCode) {
245 if (layerConfig.indexOf(map.layers[i].layerCode) >= 0) {
246 if (map.layers[i].isBaseLayer) {
247 map.setBaseLayer(map.layers[i]);
249 map.layers[i].setVisibility(true);
251 } else if (!map.layers[i].isBaseLayer) {
252 map.layers[i].setVisibility(false);