openstreetmap-website/app/assets/javascripts/index.js

//= require_self
//= require leaflet.sidebar
//= require leaflet.locate
//= require leaflet.layers
//= require leaflet.key
//= require leaflet.note
//= require leaflet.share
//= require index/browse
//= require index/export
//= require index/notes

$(document).ready(function () {
  var params = OSM.mapParams();

  var map = L.map("map", {
    zoomControl: false,
    layerControl: false
  });

  map.attributionControl.setPrefix('');

  map.hash = L.hash(map);

  var layers = [
    new L.OSM.Mapnik({
      attribution: '',
      code: "M",
      keyid: "mapnik",
      name: I18n.t("javascripts.map.base.standard")
    }),
    new L.OSM.CycleMap({
      attribution: "Tiles courtesy of <a href='http://www.opencyclemap.org/' target='_blank'>Andy Allan</a>",
      code: "C",
      keyid: "cyclemap",
      name: I18n.t("javascripts.map.base.cycle_map")
    }),
    new L.OSM.TransportMap({
      attribution: "Tiles courtesy of <a href='http://www.opencyclemap.org/' target='_blank'>Andy Allan</a>",
      code: "T",
      keyid: "transportmap",
      name: I18n.t("javascripts.map.base.transport_map")
    }),
    new L.OSM.MapQuestOpen({
      attribution: "Tiles courtesy of <a href='http://www.mapquest.com/' target='_blank'>MapQuest</a> <img src='http://developer.mapquest.com/content/osm/mq_logo.png'>",
      code: "Q",
      keyid: "mapquest",
      name: I18n.t("javascripts.map.base.mapquest")
    })
  ];

  layers[0].addTo(map);

  map.noteLayer = new L.LayerGroup();
  map.noteLayer.options = {code: 'N'};

  map.dataLayer = new L.OSM.DataLayer(null);
  map.dataLayer.options.code = 'D';

  $("#sidebar").on("opened closed", function () {
    map.invalidateSize();
  });

  var position = $('html').attr('dir') === 'rtl' ? 'topleft' : 'topright';

  L.OSM.zoom({position: position})
    .addTo(map);

  L.control.locate({position: position})
    .addTo(map);

  var sidebar = L.OSM.sidebar('#map-ui')
    .addTo(map);

  L.OSM.layers({
    position: position,
    layers: layers,
    sidebar: sidebar
  }).addTo(map);

  L.OSM.key({
    position: position,
    sidebar: sidebar
  }).addTo(map);

  L.OSM.share({
    position: position,
    sidebar: sidebar,
    short: true
  }).addTo(map);

  L.OSM.note({
    position: position,
    sidebar: sidebar
  }).addTo(map);

  L.control.scale()
    .addTo(map);

  map.on('moveend layeradd layerremove', updateLocation);

  map.markerLayer = L.layerGroup().addTo(map);

  if (!params.object_zoom) {
    if (params.bounds) {
      map.fitBounds(params.bounds);
    } else {
      map.setView([params.lat, params.lon], params.zoom);
    }
  }

  if (params.box) {
    L.rectangle(params.box, {
      weight: 2,
      color: '#e90',
      fillOpacity: 0
    }).addTo(map);
  }

  if (params.layers) {
    var foundLayer = false;
    for (var i = 0; i < layers.length; i++) {
      if (params.layers.indexOf(layers[i].options.code) >= 0) {
        map.addLayer(layers[i]);
        foundLayer = true;
      } else {
        map.removeLayer(layers[i]);
      }
    }
    if (!foundLayer) {
      map.addLayer(layers[0]);
    }
  }

  if (params.marker) {
    L.marker([params.mlat, params.mlon], {icon: getUserIcon()}).addTo(map.markerLayer);
  }

  if (params.object) {
    addObjectToMap(params.object, map, { zoom: params.object_zoom });
  }

  $("body").on("click", "a.set_position", setPositionLink(map));

  $("a[data-editor=remote]").click(function(e) {
      remoteEditHandler(map.getBounds());
      e.preventDefault();
  });

  if (OSM.preferred_editor == "remote" && $('body').hasClass("site-edit")) {
    remoteEditHandler(map.getBounds());
  }

  $("#search_form").submit(submitSearch(map));


  if ($("#query").val()) {
    $("#search_form").submit();
  }

  // Focus the search field for browsers that don't support
  // the HTML5 'autofocus' attribute
  if (!("autofocus" in document.createElement("input"))) {
    $("#query").focus();
  }

  initializeExport(map);
  initializeBrowse(map, params);
  initializeNotes(map, params);
});

function updateLocation() {
  updatelinks(this.getCenter().wrap(),
      this.getZoom(),
      this.getLayersCode(),
      this.getBounds().wrap());

  var expiry = new Date();
  expiry.setYear(expiry.getFullYear() + 10);
  $.cookie("_osm_location", cookieContent(this), { expires: expiry });

  // Trigger hash update on layer changes.
  this.hash.onMapMove();
}

function setPositionLink(map) {
  return function(e) {
      var data = $(this).data(),
          center = L.latLng(data.lat, data.lon);

      if (data.minLon && data.minLat && data.maxLon && data.maxLat) {
        map.fitBounds([[data.minLat, data.minLon],
                       [data.maxLat, data.maxLon]]);
      } else {
        map.setView(center, data.zoom);
      }

      if (data.type && data.id) {
        addObjectToMap(data, map, { zoom: false, style: { opacity: 0.2, fill: false } });
      }

      map.markerLayer.clearLayers();
      L.marker(center, {icon: getUserIcon()}).addTo(map.markerLayer);

      return e.preventDefault();
  };
}

function submitSearch(map) {
  return function(e) {
    var bounds = map.getBounds();

    $("#sidebar_title").html(I18n.t('site.sidebar.search_results'));
    $("#sidebar_content").load($(this).attr("action"), {
      query: $("#query").val(),
      minlon: bounds.getWest(),
      minlat: bounds.getSouth(),
      maxlon: bounds.getEast(),
      maxlat: bounds.getNorth()
    }, openSidebar);

    return e.preventDefault();
  };
}