3 L.OSM.TileLayer = L.TileLayer.extend({
5 url: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
6 attribution: '© <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a> contributors'
9 initialize: function (options) {
10 options = L.Util.setOptions(this, options);
11 L.TileLayer.prototype.initialize.call(this, options.url);
15 L.OSM.Mapnik = L.OSM.TileLayer.extend({
17 url: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
22 L.OSM.CyclOSM = L.OSM.TileLayer.extend({
24 url: 'https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png',
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>'
31 L.OSM.CycleMap = L.OSM.TileLayer.extend({
33 url: 'https://{s}.tile.thunderforest.com/cycle/{z}/{x}/{y}{r}.png?apikey={apikey}',
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>'
39 L.OSM.TransportMap = L.OSM.TileLayer.extend({
41 url: 'https://{s}.tile.thunderforest.com/transport/{z}/{x}/{y}{r}.png?apikey={apikey}',
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>'
47 L.OSM.TransportDarkMap = L.OSM.TileLayer.extend({
49 url: 'https://{s}.tile.thunderforest.com/transport-dark/{z}/{x}/{y}{r}.png?apikey={apikey}',
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>'
55 L.OSM.OPNVKarte = L.OSM.TileLayer.extend({
57 url: 'https://tileserver.memomaps.de/tilegen/{z}/{x}/{y}.png',
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>'
63 L.OSM.HOT = L.OSM.TileLayer.extend({
65 url: 'https://tile-{s}.openstreetmap.fr/hot/{z}/{x}/{y}.png',
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>'
72 L.OSM.TracestrackTopo = L.OSM.TileLayer.extend({
74 url: 'https://tile.tracestrack.com/topo__/{z}/{x}/{y}.png?key={apikey}',
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>'
80 L.OSM.GPS = L.OSM.TileLayer.extend({
82 url: 'https://gps.tile.openstreetmap.org/lines/{z}/{x}/{y}.png',
89 L.OSM.DataLayer = L.FeatureGroup.extend({
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'],
97 initialize: function (xml, options) {
98 L.Util.setOptions(this, options);
100 L.FeatureGroup.prototype.initialize.call(this);
107 addData: function (features) {
108 if (!(features instanceof Array)) {
109 features = this.buildFeatures(features);
112 for (var i = 0; i < features.length; i++) {
113 let feature = features[i], layer;
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);
120 var latLngs = new Array(feature.nodes.length);
122 for (var j = 0; j < feature.nodes.length; j++) {
123 latLngs[j] = feature.nodes[j].latLng;
126 if (this.isWayArea(feature)) {
127 latLngs.pop(); // Remove last == first.
128 layer = L.polygon(latLngs, this.options.styles.area);
130 layer = L.polyline(latLngs, this.options.styles.way);
134 if (this.options.asynchronous) {
135 setTimeout(() => layer.addTo(this));
140 layer.feature = feature;
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);
151 for (var i = 0; i < ways.length; i++) {
153 for (var j = 0; j < way.nodes.length; j++) {
154 wayNodes[way.nodes[j].id] = true
158 var relationNodes = {}
159 for (var i = 0; i < relations.length; i++){
160 var relation = relations[i];
161 for (var j = 0; j < relation.members.length; j++) {
162 relationNodes[relation.members[j].id] = true
166 for (var node_id in nodes) {
167 var node = nodes[node_id];
168 if (this.interestingNode(node, wayNodes, relationNodes)) {
173 for (var i = 0; i < ways.length; i++) {
181 isWayArea: function (way) {
182 if (way.nodes[0] != way.nodes[way.nodes.length - 1]) {
186 for (var key in way.tags) {
187 if (~this.options.areaTags.indexOf(key)) {
195 interestingNode: function (node, wayNodes, relationNodes) {
196 if (!wayNodes[node.id] || relationNodes[node.id]) {
200 for (var key in node.tags) {
201 if (this.options.uninterestingTags.indexOf(key) < 0) {
209 onRemove: function(map) {
210 this.eachLayer(map.removeLayer, map, this.options.asynchronous);
213 onAdd: function(map) {
214 this.eachLayer(map.addLayer, map, this.options.asynchronous);
217 eachLayer: function (method, context, asynchronous = false) {
218 for (let i in this._layers) {
221 method.call(context, this._layers[i]);
224 method.call(context, this._layers[i]);
231 L.Util.extend(L.OSM, {
232 getChangesets: function (xml) {
235 var nodes = xml.getElementsByTagName("changeset");
236 for (var i = 0; i < nodes.length; i++) {
237 var node = nodes[i], id = node.getAttribute("id");
241 latLngBounds: L.latLngBounds(
242 [node.getAttribute("min_lat"), node.getAttribute("min_lon")],
243 [node.getAttribute("max_lat"), node.getAttribute("max_lon")]),
244 tags: this.getTags(node)
251 getNodes: function (xml) {
254 var nodes = xml.getElementsByTagName("node");
255 for (var i = 0; i < nodes.length; i++) {
256 var node = nodes[i], id = node.getAttribute("id");
260 latLng: L.latLng(node.getAttribute("lat"),
261 node.getAttribute("lon"),
263 tags: this.getTags(node)
270 getWays: function (xml, nodes) {
273 var ways = xml.getElementsByTagName("way");
274 for (var i = 0; i < ways.length; i++) {
275 var way = ways[i], nds = way.getElementsByTagName("nd");
278 id: way.getAttribute("id"),
280 nodes: new Array(nds.length),
281 tags: this.getTags(way)
284 for (var j = 0; j < nds.length; j++) {
285 way_object.nodes[j] = nodes[nds[j].getAttribute("ref")];
288 result.push(way_object);
294 getRelations: function (xml, nodes, ways) {
297 var rels = xml.getElementsByTagName("relation");
298 for (var i = 0; i < rels.length; i++) {
299 var rel = rels[i], members = rel.getElementsByTagName("member");
302 id: rel.getAttribute("id"),
304 members: new Array(members.length),
305 tags: this.getTags(rel)
308 for (var j = 0; j < members.length; j++) {
309 if (members[j].getAttribute("type") === "node")
310 rel_object.members[j] = nodes[members[j].getAttribute("ref")];
311 else // relation-way and relation-relation membership not implemented
312 rel_object.members[j] = null;
314 rel_object.members = rel_object.members.filter(i => i !== null && i !== undefined)
315 result.push(rel_object);
321 getTags: function (xml) {
324 var tags = xml.getElementsByTagName("tag");
325 for (var j = 0; j < tags.length; j++) {
326 result[tags[j].getAttribute("k")] = tags[j].getAttribute("v");