app/assets/javascripts/index/contextmenu.js

   1 //= require qs/dist/qs
   2
   3 OSM.initializeContextMenu = function (map) {
   4   map.contextmenu.addItem({
   5     text: I18n.t("javascripts.context.directions_from"),
   6     callback: function directionsFromHere(e) {
   7       const latlng = OSM.cropLocation(e.latlng, map.getZoom());
   8
   9       OSM.router.route("/directions?" + Qs.stringify({
  10         from: latlng.join(","),
  11         to: getDirectionsEndpointCoordinatesFromInput($("#route_to"))
  12       }));
  13     }
  14   });
  15
  16   map.contextmenu.addItem({
  17     text: I18n.t("javascripts.context.directions_to"),
  18     callback: function directionsToHere(e) {
  19       const latlng = OSM.cropLocation(e.latlng, map.getZoom());
  20
  21       OSM.router.route("/directions?" + Qs.stringify({
  22         from: getDirectionsEndpointCoordinatesFromInput($("#route_from")),
  23         to: latlng.join(",")
  24       }));
  25     }
  26   });
  27
  28   map.contextmenu.addItem({
  29     text: I18n.t("javascripts.context.add_note"),
  30     callback: function addNoteHere(e) {
  31       const [lat, lon] = OSM.cropLocation(e.latlng, map.getZoom());
  32
  33       OSM.router.route("/note/new?" + Qs.stringify({ lat, lon }));
  34     }
  35   });
  36
  37   map.contextmenu.addItem({
  38     text: I18n.t("javascripts.context.show_address"),
  39     callback: function describeLocation(e) {
  40       const [lat, lon] = OSM.cropLocation(e.latlng, map.getZoom()).map(encodeURIComponent);
  41
  42       OSM.router.route("/search?" + Qs.stringify({ lat, lon }));
  43     }
  44   });
  45
  46   map.contextmenu.addItem({
  47     text: I18n.t("javascripts.context.query_features"),
  48     callback: function queryFeatures(e) {
  49       const [lat, lon] = OSM.cropLocation(e.latlng, map.getZoom());
  50
  51       OSM.router.route("/query?" + Qs.stringify({ lat, lon }));
  52     }
  53   });
  54
  55   map.contextmenu.addItem({
  56     text: I18n.t("javascripts.context.centre_map"),
  57     callback: function centreMap(e) {
  58       map.panTo(e.latlng);
  59     }
  60   });
  61
  62   map.on("mousedown", function (e) {
  63     if (e.originalEvent.shiftKey) map.contextmenu.disable();
  64     else map.contextmenu.enable();
  65   });
  66
  67   function getDirectionsEndpointCoordinatesFromInput(input) {
  68     if (input.attr("data-lat") && input.attr("data-lon")) {
  69       return input.attr("data-lat") + "," + input.attr("data-lon");
  70     } else {
  71       return $(input).val();
  72     }
  73   }
  74
  75   var updateMenu = function updateMenu() {
  76     map.contextmenu.setDisabled(2, map.getZoom() < 12);
  77     map.contextmenu.setDisabled(4, map.getZoom() < 14);
  78   };
  79
  80   map.on("zoomend", updateMenu);
  81   updateMenu();
  82 };