app/assets/javascripts/index.js

   1 var marker;
   2 var map;
   3 var params = OSM.mapParams();
   4
   5 function mapInit(){
   6   map = createMap("map");
   7
   8   if (!params.object_zoom) {
   9     if (params.bbox) {
  10       var bbox = new OpenLayers.Bounds(params.minlon, params.minlat, params.maxlon, params.maxlat);
  11
  12       map.zoomToExtent(proj(bbox));
  13
  14       if (params.box) {
  15         $(window).load(function() { addBoxToMap(bbox) });
  16       }
  17     } else {
  18       setMapCenter(new OpenLayers.LonLat(params.lon, params.lat), params.zoom);
  19     }
  20   }
  21
  22   if (params.layers) {
  23     setMapLayers(params.layers);
  24   }
  25
  26   if (params.marker) {
  27     marker = addMarkerToMap(new OpenLayers.LonLat(params.mlon, params.mlat));
  28   }
  29
  30   if (params.object) {
  31     var url = "/api/" + OSM.API_VERSION + "/" + params.object_type + "/" + params.object_id;
  32
  33     if (params.object_type != "node") {
  34       url += "/full";
  35     }
  36
  37     $(window).load(function() { addObjectToMap(url, params.object_zoom) });
  38   }
  39
  40   map.events.register("moveend", map, updateLocation);
  41   map.events.register("changelayer", map, updateLocation);
  42
  43   updateLocation();
  44   handleResize();
  45 }
  46
  47 $(document).ready(function () {
  48   $("#show_data").click(function (e) {
  49     $.ajax({ url: $(this).attr('href'), success: function (sidebarHtml) {
  50       startBrowse(sidebarHtml);
  51     }});
  52     e.preventDefault();
  53   });
  54
  55   $("body").on("click", "a.set_position", function () {
  56     var data = $(this).data();
  57     var centre = new OpenLayers.LonLat(data.lon, data.lat);
  58
  59     if (data.minLon && data.minLat && data.maxLon && data.maxLat) {
  60       var bbox = new OpenLayers.Bounds(data.minLon, data.minLat, data.maxLon, data.maxLat);
  61
  62       map.zoomToExtent(proj(bbox));
  63     } else {
  64       setMapCenter(centre, data.zoom);
  65     }
  66
  67     if (marker) {
  68       removeMarkerFromMap(marker);
  69     }
  70
  71     marker = addMarkerToMap(centre, getArrowIcon());
  72
  73     return false;
  74   });
  75 });
  76
  77 function updateLocation() {
  78   var lonlat = unproj(map.getCenter());
  79   var zoom = map.getZoom();
  80   var layers = getMapLayers();
  81   var extents = unproj(map.getExtent());
  82   var expiry = new Date();
  83
  84   updatelinks(lonlat.lon, lonlat.lat, zoom, layers, extents.left, extents.bottom, extents.right, extents.top, params.object_type, params.object_id);
  85
  86   expiry.setYear(expiry.getFullYear() + 10);
  87   $.cookie("_osm_location", [lonlat.lon, lonlat.lat, zoom, layers].join("|"), {expires: expiry});
  88 }
  89
  90 function remoteEditHandler(event) {
  91   var extent = unproj(map.getExtent());
  92   var loaded = false;
  93
  94   $("#linkloader").load(function () { loaded = true; });
  95   $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + extent.left + "&top=" + extent.top + "&right=" + extent.right + "&bottom=" + extent.bottom);
  96
  97   setTimeout(function () {
  98     if (!loaded) alert(I18n.t('site.index.remote_failed'));
  99   }, 1000);
 100
 101   return false;
 102 }
 103
 104 function installEditHandler() {
 105   $("a[data-editor=remote]").click(remoteEditHandler);
 106
 107   if (OSM.preferred_editor == "remote" && $('body').hasClass("site-edit")) {
 108     remoteEditHandler();
 109   }
 110 }
 111
 112 $(document).ready(mapInit);
 113 $(document).ready(installEditHandler);
 114 $(document).ready(handleResize);
 115
 116 $(window).resize(function() {
 117   var centre = map.getCenter();
 118   var zoom = map.getZoom();
 119
 120   handleResize();
 121
 122   map.setCenter(centre, zoom);
 123 });
 124
 125 $(document).ready(function () {
 126   $("#exportanchor").click(function (e) {
 127     $.ajax({ url: $(this).data('url'), success: function (sidebarHtml) {
 128       startExport(sidebarHtml);
 129     }});
 130     e.preventDefault();
 131   });
 132
 133   if (window.location.pathname == "/export") {
 134     $("#exportanchor").click();
 135   }
 136
 137   var query;
 138   if (query = getArgs(window.location.toString()).query) {
 139     doSearch(query);
 140   }
 141 });