app/assets/javascripts/leaflet.locate.js

   1 //= require leaflet.locatecontrol/dist/L.Control.Locate.umd
   2
   3 L.OSM.locate = function (options) {
   4   const control = L.control.locate({
   5     strings: {
   6       title: OSM.i18n.t("javascripts.map.locate.title"),
   7       popup: function (options) {
   8         return OSM.i18n.t("javascripts.map.locate." + options.unit + "Popup", { count: options.distance });
   9       }
  10     },
  11     ...options
  12   });
  13
  14   control.onAdd = function (map) {
  15     const container = Object.getPrototypeOf(this).onAdd.apply(this, [map]);
  16     $(container)
  17       .removeClass("leaflet-control-locate leaflet-bar")
  18       .addClass("control-locate")
  19       .children("a")
  20       .attr("href", "#")
  21       .removeClass("leaflet-bar-part leaflet-bar-part-single")
  22       .addClass("control-button")
  23       .empty()
  24       .append($("<i>").addClass("fs-5 bi bi-cursor-fill"));
  25     return container;
  26   };
  27
  28   return control;
  29 };