vendor/assets/leaflet/leaflet.osm.js

   1 L.OSM = {};
   2
   3 L.OSM.TileLayer = L.TileLayer.extend({
   4   options: {
   5     url: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
   6     attribution: '© <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a> contributors'
   7   },
   8
   9   initialize: function (options) {
  10     options = L.Util.setOptions(this, options);
  11     L.TileLayer.prototype.initialize.call(this, options.url);
  12   }
  13 });
  14
  15 L.OSM.Mapnik = L.OSM.TileLayer.extend({
  16   options: {
  17     url: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
  18     maxZoom: 19
  19   }
  20 });
  21
  22 L.OSM.CyclOSM = L.OSM.TileLayer.extend({
  23   options: {
  24     url: 'https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png',
  25     maxZoom: 20,
  26     subdomains: 'abc',
  27     attribution: '© <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a> contributors. Tiles courtesy of <a href="https://www.openstreetmap.fr" target="_blank">OpenStreetMap France</a>'
  28   }
  29 });
  30
  31 L.OSM.CycleMap = L.OSM.TileLayer.extend({
  32   options: {
  33     url: 'https://{s}.tile.thunderforest.com/cycle/{z}/{x}/{y}{r}.png?apikey={apikey}',
  34     maxZoom: 21,
  35     attribution: '© <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a> contributors. Tiles courtesy of <a href="http://www.thunderforest.com/" target="_blank">Andy Allan</a>'
  36   }
  37 });
  38
  39 L.OSM.TransportMap = L.OSM.TileLayer.extend({
  40   options: {
  41     url: 'https://{s}.tile.thunderforest.com/transport/{z}/{x}/{y}{r}.png?apikey={apikey}',
  42     maxZoom: 21,
  43     attribution: '© <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a> contributors. Tiles courtesy of <a href="http://www.thunderforest.com/" target="_blank">Andy Allan</a>'
  44   }
  45 });
  46
  47 L.OSM.TransportDarkMap = L.OSM.TileLayer.extend({
  48   options: {
  49     url: 'https://{s}.tile.thunderforest.com/transport-dark/{z}/{x}/{y}{r}.png?apikey={apikey}',
  50     maxZoom: 21,
  51     attribution: '© <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a> contributors. Tiles courtesy of <a href="http://www.thunderforest.com/" target="_blank">Andy Allan</a>'
  52   }
  53 });
  54
  55 L.OSM.OPNVKarte = L.OSM.TileLayer.extend({
  56   options: {
  57     url: 'https://tileserver.memomaps.de/tilegen/{z}/{x}/{y}.png',
  58     maxZoom: 18,
  59     attribution: '© <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a> contributors. Tiles courtesy of <a href="http://memomaps.de/" target="_blank">MeMoMaps</a>'
  60   }
  61 });
  62
  63 L.OSM.HOT = L.OSM.TileLayer.extend({
  64   options: {
  65     url: 'https://tile-{s}.openstreetmap.fr/hot/{z}/{x}/{y}.png',
  66     maxZoom: 20,
  67     subdomains: 'abc',
  68     attribution: '© <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a> contributors. Tiles courtesy of <a href="http://hot.openstreetmap.org/" target="_blank">Humanitarian OpenStreetMap Team</a>'
  69   }
  70 });
  71
  72 L.OSM.TracestrackTopo = L.OSM.TileLayer.extend({
  73   options: {
  74     url: 'https://tile.tracestrack.com/topo__/{z}/{x}/{y}.png?key={apikey}',
  75     maxZoom: 19,
  76     attribution: '© <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a> contributors. Tiles courtesy of <a href="https://www.tracestrack.com/" target="_blank">Tracestrack Maps</a>'
  77   }
  78 });
  79
  80 L.OSM.GPS = L.OSM.TileLayer.extend({
  81   options: {
  82     url: 'https://gps.tile.openstreetmap.org/lines/{z}/{x}/{y}.png',
  83     maxZoom: 21,
  84     maxNativeZoom: 20,
  85     subdomains: 'abc'
  86   }
  87 });
  88
  89 L.OSM.DataLayer = L.FeatureGroup.extend({
  90   options: {
  91     areaTags: ['area', 'building', 'leisure', 'tourism', 'ruins', 'historic', 'landuse', 'military', 'natural', 'sport'],
  92     uninterestingTags: ['source', 'source_ref', 'source:ref', 'history', 'attribution', 'created_by', 'tiger:county', 'tiger:tlid', 'tiger:upload_uuid'],
  93     styles: {},
  94     asynchronous: false,
  95   },
  96
  97   initialize: function (xml, options) {
  98     L.Util.setOptions(this, options);
  99
 100     L.FeatureGroup.prototype.initialize.call(this);
 101
 102     if (xml) {
 103       this.addData(xml);
 104     }
 105   },
 106
 107   addData: function (features) {
 108     if (!(features instanceof Array)) {
 109       features = this.buildFeatures(features);
 110     }
 111
 112     for (var i = 0; i < features.length; i++) {
 113       let feature = features[i], layer;
 114
 115       if (feature.type === "changeset") {
 116         layer = L.rectangle(feature.latLngBounds, this.options.styles.changeset);
 117       } else if (feature.type === "node") {
 118         layer = L.circleMarker(feature.latLng, this.options.styles.node);
 119       } else {
 120         var latLngs = new Array(feature.nodes.length);
 121
 122         for (var j = 0; j < feature.nodes.length; j++) {
 123           latLngs[j] = feature.nodes[j].latLng;
 124         }
 125
 126         if (this.isWayArea(feature)) {
 127           latLngs.pop(); // Remove last == first.
 128           layer = L.polygon(latLngs, this.options.styles.area);
 129         } else {
 130           layer = L.polyline(latLngs, this.options.styles.way);
 131         }
 132       }
 133
 134       if (this.options.asynchronous) {
 135         setTimeout(() => layer.addTo(this));
 136       } else {
 137         layer.addTo(this);
 138       }
 139
 140       layer.feature = feature;
 141     }
 142   },
 143
 144   buildFeatures: function (xml) {
 145     var features = L.OSM.getChangesets(xml),
 146       nodes = L.OSM.getNodes(xml),
 147       ways = L.OSM.getWays(xml, nodes),
 148       relations = L.OSM.getRelations(xml, nodes, ways);
 149
 150     for (var node_id in nodes) {
 151       var node = nodes[node_id];
 152       if (this.interestingNode(node, ways, relations)) {
 153         features.push(node);
 154       }
 155     }
 156
 157     for (var i = 0; i < ways.length; i++) {
 158       var way = ways[i];
 159       features.push(way);
 160     }
 161
 162     return features;
 163   },
 164
 165   isWayArea: function (way) {
 166     if (way.nodes[0] != way.nodes[way.nodes.length - 1]) {
 167       return false;
 168     }
 169
 170     for (var key in way.tags) {
 171       if (~this.options.areaTags.indexOf(key)) {
 172         return true;
 173       }
 174     }
 175
 176     return false;
 177   },
 178
 179   interestingNode: function (node, ways, relations) {
 180     var used = false;
 181
 182     for (var i = 0; i < ways.length; i++) {
 183       if (ways[i].nodes.indexOf(node) >= 0) {
 184         used = true;
 185         break;
 186       }
 187     }
 188
 189     if (!used) {
 190       return true;
 191     }
 192
 193     for (var i = 0; i < relations.length; i++) {
 194       if (relations[i].members.indexOf(node) >= 0)
 195         return true;
 196     }
 197
 198     for (var key in node.tags) {
 199       if (this.options.uninterestingTags.indexOf(key) < 0) {
 200         return true;
 201       }
 202     }
 203
 204     return false;
 205   },
 206
 207   onRemove: function(map) {
 208     this.eachLayer(map.removeLayer, map, this.options.asynchronous);
 209   },
 210
 211   onAdd: function(map) {
 212     this.eachLayer(map.addLayer, map, this.options.asynchronous);
 213   },
 214
 215   eachLayer: function (method, context, asynchronous = false) {
 216     for (let i in this._layers) {
 217       if (asynchronous) {
 218         setTimeout(() => {
 219           method.call(context, this._layers[i]);
 220         });
 221       } else {
 222         method.call(context, this._layers[i]);
 223       }
 224     }
 225     return this;
 226   },
 227 });
 228
 229 L.Util.extend(L.OSM, {
 230   getChangesets: function (xml) {
 231     var result = [];
 232
 233     var nodes = xml.getElementsByTagName("changeset");
 234     for (var i = 0; i < nodes.length; i++) {
 235       var node = nodes[i], id = node.getAttribute("id");
 236       result.push({
 237         id: id,
 238         type: "changeset",
 239         latLngBounds: L.latLngBounds(
 240           [node.getAttribute("min_lat"), node.getAttribute("min_lon")],
 241           [node.getAttribute("max_lat"), node.getAttribute("max_lon")]),
 242         tags: this.getTags(node)
 243       });
 244     }
 245
 246     return result;
 247   },
 248
 249   getNodes: function (xml) {
 250     var result = {};
 251
 252     var nodes = xml.getElementsByTagName("node");
 253     for (var i = 0; i < nodes.length; i++) {
 254       var node = nodes[i], id = node.getAttribute("id");
 255       result[id] = {
 256         id: id,
 257         type: "node",
 258         latLng: L.latLng(node.getAttribute("lat"),
 259                          node.getAttribute("lon"),
 260                          true),
 261         tags: this.getTags(node)
 262       };
 263     }
 264
 265     return result;
 266   },
 267
 268   getWays: function (xml, nodes) {
 269     var result = [];
 270
 271     var ways = xml.getElementsByTagName("way");
 272     for (var i = 0; i < ways.length; i++) {
 273       var way = ways[i], nds = way.getElementsByTagName("nd");
 274
 275       var way_object = {
 276         id: way.getAttribute("id"),
 277         type: "way",
 278         nodes: new Array(nds.length),
 279         tags: this.getTags(way)
 280       };
 281
 282       for (var j = 0; j < nds.length; j++) {
 283         way_object.nodes[j] = nodes[nds[j].getAttribute("ref")];
 284       }
 285
 286       result.push(way_object);
 287     }
 288
 289     return result;
 290   },
 291
 292   getRelations: function (xml, nodes, ways) {
 293     var result = [];
 294
 295     var rels = xml.getElementsByTagName("relation");
 296     for (var i = 0; i < rels.length; i++) {
 297       var rel = rels[i], members = rel.getElementsByTagName("member");
 298
 299       var rel_object = {
 300         id: rel.getAttribute("id"),
 301         type: "relation",
 302         members: new Array(members.length),
 303         tags: this.getTags(rel)
 304       };
 305
 306       for (var j = 0; j < members.length; j++) {
 307         if (members[j].getAttribute("type") === "node")
 308           rel_object.members[j] = nodes[members[j].getAttribute("ref")];
 309         else // relation-way and relation-relation membership not implemented
 310           rel_object.members[j] = null;
 311       }
 312
 313       result.push(rel_object);
 314     }
 315
 316     return result;
 317   },
 318
 319   getTags: function (xml) {
 320     var result = {};
 321
 322     var tags = xml.getElementsByTagName("tag");
 323     for (var j = 0; j < tags.length; j++) {
 324       result[tags[j].getAttribute("k")] = tags[j].getAttribute("v");
 325     }
 326
 327     return result;
 328   }
 329 });