app/assets/javascripts/browse.js

   1 $(document).ready(function () {
   2   function remoteEditHandler(bbox, select) {
   3     var left = bbox.getWest() - 0.0001;
   4     var top = bbox.getNorth() + 0.0001;
   5     var right = bbox.getEast() + 0.0001;
   6     var bottom = bbox.getSouth() - 0.0001;
   7     var loaded = false;
   8
   9     $("#linkloader").load(function () { loaded = true; });
  10
  11     if (select) {
  12       $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + left + "&top=" + top + "&right=" + right + "&bottom=" + bottom + "&select=" + select);
  13     } else {
  14       $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + left + "&top=" + top + "&right=" + right + "&bottom=" + bottom);
  15     }
  16
  17     setTimeout(function () {
  18       if (!loaded) alert(I18n.t('site.index.remote_failed'));
  19     }, 1000);
  20
  21     return false;
  22   }
  23
  24   var map = L.map("small_map", {
  25     attributionControl: false,
  26     zoomControl: false
  27   }).addLayer(new L.OSM.Mapnik());
  28
  29   L.control.zoom({position: 'topright'})
  30     .addTo(map);
  31
  32   $("#small_map").on("resized", function () {
  33     map.invalidateSize();
  34   });
  35
  36   var params = $("#small_map").data();
  37   if (params.type == "changeset") {
  38     var bbox = L.latLngBounds([params.minlat, params.minlon],
  39                               [params.maxlat, params.maxlon]);
  40
  41     map.fitBounds(bbox);
  42
  43     L.rectangle(bbox, {
  44       weight: 2,
  45       color: '#e90',
  46       fillOpacity: 0
  47     }).addTo(map);
  48
  49     $("#loading").hide();
  50     $("#browse_map .geolink").show();
  51
  52     $("a[data-editor=remote]").click(function () {
  53       return remoteEditHandler(bbox);
  54     });
  55
  56     updatelinks(map.getCenter(), 16, null, params.minlon, params.minlat, params.maxlon, params.maxlat);
  57   } else if (params.type == "note") {
  58     var object = {type: params.type, id: params.id};
  59
  60     map.setView([params.lat, params.lon], 16);
  61
  62     L.marker([params.lat, params.lon], { icon: getUserIcon() }).addTo(map);
  63
  64     var bbox = map.getBounds();
  65
  66     $("#loading").hide();
  67     $("#browse_map .geolink").show();
  68
  69     $("a[data-editor=remote]").click(function () {
  70       return remoteEditHandler(bbox);
  71     });
  72
  73     updatelinks(params, 16, null,
  74                 bbox.getWest(), bbox.getSouth(),
  75                 bbox.getEast(), bbox.getNorth(),
  76                 object);
  77   } else {
  78     $("#object_larger_map").hide();
  79     $("#object_edit").hide();
  80
  81     var object = {type: params.type, id: params.id};
  82
  83     if (!params.visible) {
  84       object.version = params.version - 1;
  85     }
  86
  87     addObjectToMap(object, map, {
  88       zoom: true,
  89       callback: function(extent) {
  90         $("#loading").hide();
  91         $("#browse_map .geolink").show();
  92
  93         if (extent) {
  94           $("a.bbox[data-editor=remote]").click(function () {
  95             return remoteEditHandler(extent);
  96           });
  97
  98           $("a.object[data-editor=remote]").click(function () {
  99             return remoteEditHandler(extent, params.type + params.id);
 100           });
 101
 102           $("#object_larger_map").show();
 103           $("#object_edit").show();
 104
 105           updatelinks(map.getCenter(),
 106                       16, null,
 107                       extent.getWest(),
 108                       extent.getSouth(),
 109                       extent.getEast(),
 110                       extent.getNorth(),
 111                       object);
 112         } else {
 113           $("#small_map").hide();
 114         }
 115       }
 116     });
 117   }
 118
 119   createMenu("area_edit", "area_edit_menu", "right");
 120   createMenu("object_edit", "object_edit_menu", "right");
 121 });