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