app/assets/javascripts/index.js

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