app/assets/javascripts/index/search.js

   1 function initializeSearch(map) {
   2   $("#search_form").submit(submitSearch);
   3   $("#describe_location").click(describeLocation);
   4
   5   if ($("#query").val()) {
   6     $("#search_form").submit();
   7   }
   8
   9   // Focus the search field for browsers that don't support
  10   // the HTML5 'autofocus' attribute
  11   if (!("autofocus" in document.createElement("input"))) {
  12     $("#query").focus();
  13   }
  14
  15   $("#sidebar_content").on("click", ".search_results_entry a.set_position", clickSearchResult);
  16
  17   var marker = L.marker([0, 0], {icon: getUserIcon()});
  18
  19   function submitSearch(e) {
  20     e.preventDefault();
  21
  22     var bounds = map.getBounds();
  23
  24     $("#sidebar_content").load($(this).attr("action"), {
  25       query: $("#query").val(),
  26       zoom: map.getZoom(),
  27       minlon: bounds.getWest(),
  28       minlat: bounds.getSouth(),
  29       maxlon: bounds.getEast(),
  30       maxlat: bounds.getNorth()
  31     });
  32
  33     $("#sidebar").one("closed", function () {
  34       map.removeLayer(marker);
  35       map.removeObject();
  36     });
  37   }
  38
  39   function clickSearchResult(e) {
  40     e.preventDefault();
  41
  42     var data = $(this).data(),
  43       center = L.latLng(data.lat, data.lon);
  44
  45     if (data.minLon && data.minLat && data.maxLon && data.maxLat) {
  46       map.fitBounds([[data.minLat, data.minLon],
  47                      [data.maxLat, data.maxLon]]);
  48     } else {
  49       map.setView(center, data.zoom);
  50     }
  51
  52     marker
  53       .setLatLng(center)
  54       .addTo(map);
  55
  56     if (data.type && data.id) {
  57       map.addObject(data, { zoom: false, style: { opacity: 0.2, fill: false } });
  58     }
  59   }
  60
  61   function describeLocation(e) {
  62     e.preventDefault();
  63
  64     var center = map.getCenter(),
  65       zoom = map.getZoom();
  66
  67     $("#sidebar_content").load($(this).attr("href"), {
  68       lat: center.lat,
  69       lon: center.lng,
  70       zoom: zoom
  71     });
  72   }
  73 }