app/assets/javascripts/embed.js.erb

   1 //= depend_on settings.yml
   2 //= depend_on settings.local.yml
   3 //= require leaflet/dist/leaflet-src
   4 //= require leaflet.osm
   5 //= require i18n
   6 //= require i18n/embed
   7
   8 if (navigator.languages) {
   9   I18n.locale = navigator.languages[0];
  10 } else if (navigator.language) {
  11   I18n.locale = navigator.language;
  12 }
  13
  14 I18n.default_locale = <%= I18n.default_locale.to_json %>;
  15 I18n.fallbacks = true;
  16
  17 window.onload = function () {
  18   var query = (window.location.search || '?').slice(1),
  19       args  = {};
  20
  21   var pairs = query.split('&');
  22   for (var i = 0; i < pairs.length; i++) {
  23     var parts = pairs[i].split('=');
  24     args[parts[0]] = decodeURIComponent(parts[1] || '');
  25   }
  26
  27   var mapnikOptions = {
  28 <% if Settings.key?(:tile_cdn_url) %>
  29     url: <%= Settings.tile_cdn_url.to_json %>
  30 <% end %>
  31   };
  32
  33   var thunderforestOptions = {
  34 <% if Settings.key?(:thunderforest_key) %>
  35     apikey: <%= Settings.thunderforest_key.to_json %>
  36 <% end %>
  37   };
  38
  39   var map = L.map("map");
  40   map.attributionControl.setPrefix('');
  41   map.removeControl(map.attributionControl);
  42
  43   if (args.layer === "cyclosm") {
  44     new L.OSM.CyclOSM().addTo(map);
  45   } else if (args.layer === "cyclemap" || args.layer === "cycle map") {
  46     new L.OSM.CycleMap(thunderforestOptions).addTo(map);
  47   } else if (args.layer === "transportmap") {
  48     new L.OSM.TransportMap(thunderforestOptions).addTo(map);
  49   } else if (args.layer === "hot") {
  50     new L.OSM.HOT().addTo(map);
  51   } else {
  52     new L.OSM.Mapnik(mapnikOptions).addTo(map);
  53   }
  54
  55   if (args.marker) {
  56     L.marker(args.marker.split(','), {icon: L.icon({
  57       iconUrl: <%= asset_path('leaflet/dist/images/marker-icon.png').to_json %>,
  58       iconSize: new L.Point(25, 41),
  59       iconAnchor: new L.Point(12, 41),
  60       shadowUrl: <%= asset_path('leaflet/dist/images/marker-shadow.png').to_json %>,
  61       shadowSize: new L.Point(41, 41)
  62     })}).addTo(map);
  63   }
  64
  65   if (args.bbox) {
  66     var bbox = args.bbox.split(',');
  67     map.fitBounds([L.latLng(bbox[1], bbox[0]),
  68                    L.latLng(bbox[3], bbox[2])]);
  69   } else {
  70     map.fitWorld();
  71   }
  72
  73   map.addControl(new L.Control.OSMReportAProblem());
  74 };
  75
  76 L.Control.OSMReportAProblem = L.Control.Attribution.extend({
  77   options: {
  78     position: 'bottomright',
  79     prefix: '<a href="https://www.openstreetmap.org/fixthemap?lat={x}&lon={y}&zoom={z}" target="_blank">'+I18n.t('javascripts.embed.report_problem')+'</a>'
  80   },
  81
  82   onAdd: function (map) {
  83     var container = L.Control.Attribution.prototype.onAdd.call(this, map);
  84
  85     map.on('moveend', this._update, this);
  86
  87     return container;
  88   },
  89
  90   _update: function () {
  91     L.Control.Attribution.prototype._update.call(this);
  92
  93     this._container.innerHTML =
  94       this._container.innerHTML
  95         .replace('{x}', this._map.getCenter().lat)
  96         .replace('{y}', this._map.getCenter().lng)
  97         .replace('{z}', this._map.getZoom());
  98   }
  99 });