app/assets/javascripts/index.js

   1 //= require_self
   2 //= require index/browse
   3 //= require index/export
   4 //= require index/key
   5 //= require index/notes
   6 //= require index/map_ui
   7
   8 var map, layers; // TODO: remove globals
   9
  10 $(document).ready(function () {
  11   var marker;
  12   var params = OSM.mapParams();
  13
  14   map = L.map("map", {
  15     attributionControl: false,
  16     zoomControl: false,
  17     layerControl: false
  18   });
  19
  20   layers = mapLayers();
  21
  22   for (var i = 0; i < layers.length; i++) {
  23     layers[i].layer = new (layers[i].klass)(layers[i]);
  24   }
  25
  26   layers[0].layer.addTo(map);
  27
  28   $("#map").on("resized", function () {
  29     map.invalidateSize();
  30   });
  31
  32   L.control.zoom({position: 'topright'})
  33     .addTo(map);
  34
  35   OSM.mapUI().addTo(map);
  36
  37   L.control.share({
  38       getUrl: function(map) {
  39           return setArgs('http://osm.org/', {
  40               lon: map.getCenter().lng,
  41               lat: map.getCenter().lat
  42           });
  43       }
  44   }).addTo(map);
  45
  46   L.control.note({
  47       position: 'topright'
  48   }).addTo(map);
  49
  50   L.control.locate({
  51       position: 'topright'
  52   }).addTo(map);
  53
  54   L.control.scale().addTo(map);
  55
  56   map.on("moveend layeradd layerremove", updateLocation);
  57
  58   if (!params.object_zoom) {
  59     if (params.bbox) {
  60       var bbox = L.latLngBounds([params.minlat, params.minlon],
  61                                 [params.maxlat, params.maxlon]);
  62
  63       map.fitBounds(bbox);
  64
  65       if (params.box) {
  66         L.rectangle(bbox, {
  67           weight: 2,
  68           color: '#e90',
  69           fillOpacity: 0
  70         }).addTo(map);
  71       }
  72     } else {
  73       map.setView([params.lat, params.lon], params.zoom);
  74     }
  75   }
  76
  77   if (params.layers) {
  78     setMapLayers(params.layers);
  79   }
  80
  81   if (params.marker) {
  82     marker = L.marker([params.mlat, params.mlon], {icon: getUserIcon()}).addTo(map);
  83   }
  84
  85   if (params.object) {
  86     addObjectToMap(params.object, map, { zoom: params.object_zoom });
  87   }
  88
  89   handleResize();
  90
  91   $("body").on("click", "a.set_position", function (e) {
  92     e.preventDefault();
  93
  94     var data = $(this).data();
  95     var centre = L.latLng(data.lat, data.lon);
  96
  97     if (data.minLon && data.minLat && data.maxLon && data.maxLat) {
  98       map.fitBounds([[data.minLat, data.minLon],
  99                      [data.maxLat, data.maxLon]]);
 100     } else {
 101       map.setView(centre, data.zoom);
 102     }
 103
 104     if (data.type && data.id) {
 105       addObjectToMap(data, map, { zoom: true, style: { opacity: 0.2, fill: false } });
 106     }
 107
 108     if (marker) {
 109       map.removeLayer(marker);
 110     }
 111
 112     marker = L.marker(centre, {icon: getUserIcon()}).addTo(map);
 113   });
 114
 115   function updateLocation() {
 116     var center = map.getCenter().wrap();
 117     var zoom = map.getZoom();
 118     var layers = getMapLayers();
 119     var extents = map.getBounds().wrap();
 120
 121     updatelinks(center.lng,
 122                 center.lat,
 123                 zoom,
 124                 layers,
 125                 extents.getWest(),
 126                 extents.getSouth(),
 127                 extents.getEast(),
 128                 extents.getNorth(),
 129                 params.object);
 130
 131     var expiry = new Date();
 132     expiry.setYear(expiry.getFullYear() + 10);
 133     $.cookie("_osm_location", [center.lng, center.lat, zoom, layers].join("|"), {expires: expiry});
 134   }
 135
 136   function remoteEditHandler() {
 137     var extent = map.getBounds();
 138     var loaded = false;
 139
 140     $("#linkloader").load(function () { loaded = true; });
 141     $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + extent.getWest()
 142                                                                    + "&bottom=" + extent.getSouth()
 143                                                                    + "&right=" + extent.getEast()
 144                                                                    + "&top=" + extent.getNorth());
 145
 146     setTimeout(function () {
 147       if (!loaded) alert(I18n.t('site.index.remote_failed'));
 148     }, 1000);
 149
 150     return false;
 151   }
 152
 153   $("a[data-editor=remote]").click(remoteEditHandler);
 154
 155   if (OSM.preferred_editor == "remote" && $('body').hasClass("site-edit")) {
 156     remoteEditHandler();
 157   }
 158
 159   $(window).resize(handleResize);
 160
 161   $("#search_form").submit(function () {
 162     var bounds = map.getBounds();
 163
 164     $("#sidebar_title").html(I18n.t('site.sidebar.search_results'));
 165     $("#sidebar_content").load($(this).attr("action"), {
 166       query: $("#query").val(),
 167       minlon: bounds.getWest(),
 168       minlat: bounds.getSouth(),
 169       maxlon: bounds.getEast(),
 170       maxlat: bounds.getNorth()
 171     }, openSidebar);
 172
 173     return false;
 174   });
 175
 176   if ($("#query").val()) {
 177     $("#search_form").submit();
 178   }
 179
 180   // Focus the search field for browsers that don't support
 181   // the HTML5 'autofocus' attribute
 182   if (!("autofocus" in document.createElement("input"))) {
 183     $("#query").focus();
 184   }
 185 });
 186
 187 function getMapBaseLayer() {
 188   for (var i = 0; i < layers.length; i++) {
 189     if (map.hasLayer(layers[i].layer)) {
 190       return layers[i];
 191     }
 192   }
 193 }
 194
 195 function getMapLayers() {
 196   var layerConfig = "";
 197   for (var i = 0; i < layers.length; i++) {
 198     if (map.hasLayer(layers[i].layer)) {
 199       layerConfig += layers[i].layerCode;
 200     }
 201   }
 202   return layerConfig;
 203 }
 204
 205 function setMapLayers(layerConfig) {
 206   var foundLayer = false;
 207   for (var i = 0; i < layers.length; i++) {
 208     if (layerConfig.indexOf(layers[i].layerCode) >= 0) {
 209       map.addLayer(layers[i].layer);
 210       foundLayer = true;
 211     } else {
 212       map.removeLayer(layers[i].layer);
 213     }
 214   }
 215   if (!foundLayer) {
 216     map.addLayer(layers[0].layer);
 217   }
 218 }