L.OSM = {}; L.OSM.TileLayer = L.TileLayer.extend({ options: { url: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png', attribution: '© OpenStreetMap contributors' }, initialize: function (options) { options = L.Util.setOptions(this, options); L.TileLayer.prototype.initialize.call(this, options.url); } }); L.OSM.Mapnik = L.OSM.TileLayer.extend({ options: { url: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png', maxZoom: 19 } }); L.OSM.CyclOSM = L.OSM.TileLayer.extend({ options: { url: 'https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png', maxZoom: 20, subdomains: 'abc', attribution: '© OpenStreetMap contributors. Tiles courtesy of OpenStreetMap France' } }); L.OSM.CycleMap = L.OSM.TileLayer.extend({ options: { url: 'https://{s}.tile.thunderforest.com/cycle/{z}/{x}/{y}{r}.png?apikey={apikey}', maxZoom: 21, attribution: '© OpenStreetMap contributors. Tiles courtesy of Andy Allan' } }); L.OSM.TransportMap = L.OSM.TileLayer.extend({ options: { url: 'https://{s}.tile.thunderforest.com/transport/{z}/{x}/{y}{r}.png?apikey={apikey}', maxZoom: 21, attribution: '© OpenStreetMap contributors. Tiles courtesy of Andy Allan' } }); L.OSM.TransportDarkMap = L.OSM.TileLayer.extend({ options: { url: 'https://{s}.tile.thunderforest.com/transport-dark/{z}/{x}/{y}{r}.png?apikey={apikey}', maxZoom: 21, attribution: '© OpenStreetMap contributors. Tiles courtesy of Andy Allan' } }); L.OSM.OPNVKarte = L.OSM.TileLayer.extend({ options: { url: 'https://tileserver.memomaps.de/tilegen/{z}/{x}/{y}.png', maxZoom: 18, attribution: '© OpenStreetMap contributors. Tiles courtesy of MeMoMaps' } }); L.OSM.HOT = L.OSM.TileLayer.extend({ options: { url: 'https://tile-{s}.openstreetmap.fr/hot/{z}/{x}/{y}.png', maxZoom: 20, subdomains: 'abc', attribution: '© OpenStreetMap contributors. Tiles courtesy of Humanitarian OpenStreetMap Team' } }); L.OSM.TracestrackTopo = L.OSM.TileLayer.extend({ options: { url: 'https://tile.tracestrack.com/topo__/{z}/{x}/{y}.png?key={apikey}', maxZoom: 19, attribution: '© OpenStreetMap contributors. Tiles courtesy of Tracestrack Maps' } }); L.OSM.GPS = L.OSM.TileLayer.extend({ options: { url: 'https://gps.tile.openstreetmap.org/lines/{z}/{x}/{y}.png', maxZoom: 21, maxNativeZoom: 20, subdomains: 'abc' } }); L.OSM.DataLayer = L.FeatureGroup.extend({ options: { areaTags: ['area', 'building', 'leisure', 'tourism', 'ruins', 'historic', 'landuse', 'military', 'natural', 'sport'], uninterestingTags: ['source', 'source_ref', 'source:ref', 'history', 'attribution', 'created_by', 'tiger:county', 'tiger:tlid', 'tiger:upload_uuid'], styles: {}, asynchronous: false, }, initialize: function (xml, options) { L.Util.setOptions(this, options); L.FeatureGroup.prototype.initialize.call(this); if (xml) { this.addData(xml); } }, addData: function (features) { if (!(features instanceof Array)) { features = this.buildFeatures(features); } for (var i = 0; i < features.length; i++) { let feature = features[i], layer; if (feature.type === "changeset") { layer = L.rectangle(feature.latLngBounds, this.options.styles.changeset); } else if (feature.type === "node") { layer = L.circleMarker(feature.latLng, this.options.styles.node); } else { var latLngs = new Array(feature.nodes.length); for (var j = 0; j < feature.nodes.length; j++) { latLngs[j] = feature.nodes[j].latLng; } if (this.isWayArea(feature)) { latLngs.pop(); // Remove last == first. layer = L.polygon(latLngs, this.options.styles.area); } else { layer = L.polyline(latLngs, this.options.styles.way); } } if (this.options.asynchronous) { setTimeout(() => layer.addTo(this)); } else { layer.addTo(this); } layer.feature = feature; } }, buildFeatures: function (data) { const parser = data instanceof Document ? L.OSM.XMLParser : L.OSM.JSONParser; var features = parser.getChangesets(data), nodes = parser.getNodes(data), ways = parser.getWays(data, nodes), relations = parser.getRelations(data, nodes, ways); var wayNodes = {} for (var i = 0; i < ways.length; i++) { var way = ways[i]; for (var j = 0; j < way.nodes.length; j++) { wayNodes[way.nodes[j].id] = true } } var relationNodes = {} for (var i = 0; i < relations.length; i++){ var relation = relations[i]; for (var j = 0; j < relation.members.length; j++) { relationNodes[relation.members[j].id] = true } } for (var node_id in nodes) { var node = nodes[node_id]; if (this.interestingNode(node, wayNodes, relationNodes)) { features.push(node); } } for (var i = 0; i < ways.length; i++) { var way = ways[i]; features.push(way); } return features; }, isWayArea: function (way) { if (way.nodes[0] != way.nodes[way.nodes.length - 1]) { return false; } for (var key in way.tags) { if (~this.options.areaTags.indexOf(key)) { return true; } } return false; }, interestingNode: function (node, wayNodes, relationNodes) { if (!wayNodes[node.id] || relationNodes[node.id]) { return true } for (var key in node.tags) { if (this.options.uninterestingTags.indexOf(key) < 0) { return true; } } return false; }, onRemove: function(map) { this.eachLayer(map.removeLayer, map, this.options.asynchronous); }, onAdd: function(map) { this.eachLayer(map.addLayer, map, this.options.asynchronous); }, eachLayer: function (method, context, asynchronous = false) { for (let i in this._layers) { if (asynchronous) { setTimeout(() => { method.call(context, this._layers[i]); }); } else { method.call(context, this._layers[i]); } } return this; }, }); L.OSM.XMLParser = { getChangesets: function (xml) { var result = []; var nodes = xml.getElementsByTagName("changeset"); for (var i = 0; i < nodes.length; i++) { var node = nodes[i], id = node.getAttribute("id"); result.push({ id: id, type: "changeset", latLngBounds: L.latLngBounds( [node.getAttribute("min_lat"), node.getAttribute("min_lon")], [node.getAttribute("max_lat"), node.getAttribute("max_lon")]), tags: this.getTags(node) }); } return result; }, getNodes: function (xml) { var result = {}; var nodes = xml.getElementsByTagName("node"); for (var i = 0; i < nodes.length; i++) { var node = nodes[i], id = node.getAttribute("id"); result[id] = { id: id, type: "node", latLng: L.latLng(node.getAttribute("lat"), node.getAttribute("lon"), true), tags: this.getTags(node) }; } return result; }, getWays: function (xml, nodes) { var result = []; var ways = xml.getElementsByTagName("way"); for (var i = 0; i < ways.length; i++) { var way = ways[i], nds = way.getElementsByTagName("nd"); var way_object = { id: way.getAttribute("id"), type: "way", nodes: new Array(nds.length), tags: this.getTags(way) }; for (var j = 0; j < nds.length; j++) { way_object.nodes[j] = nodes[nds[j].getAttribute("ref")]; } result.push(way_object); } return result; }, getRelations: function (xml, nodes, ways) { var result = []; var rels = xml.getElementsByTagName("relation"); for (var i = 0; i < rels.length; i++) { var rel = rels[i], members = rel.getElementsByTagName("member"); var rel_object = { id: rel.getAttribute("id"), type: "relation", members: new Array(members.length), tags: this.getTags(rel) }; for (var j = 0; j < members.length; j++) { if (members[j].getAttribute("type") === "node") rel_object.members[j] = nodes[members[j].getAttribute("ref")]; else // relation-way and relation-relation membership not implemented rel_object.members[j] = null; } rel_object.members = rel_object.members.filter(i => i !== null && i !== undefined) result.push(rel_object); } return result; }, getTags: function (xml) { var result = {}; var tags = xml.getElementsByTagName("tag"); for (var j = 0; j < tags.length; j++) { result[tags[j].getAttribute("k")] = tags[j].getAttribute("v"); } return result; } } L.OSM.JSONParser = { getChangesets(json) { const changesets = json.changeset ? [json.changeset] : []; return changesets.map(cs => ({ id: String(cs.id), type: "changeset", latLngBounds: L.latLngBounds( [cs.min_lat, cs.min_lon], [cs.max_lat, cs.max_lon] ), tags: this.getTags(cs) })); }, getNodes(json) { const nodes = json.elements?.filter(el => el.type === "node") ?? []; let result = {}; for (const node of nodes) { result[node.id] = { id: String(node.id), type: "node", latLng: L.latLng(node.lat, node.lon, true), tags: this.getTags(node) }; } return result; }, getWays(json, nodes) { const ways = json.elements?.filter(el => el.type === "way") ?? []; return ways.map(way => ({ id: String(way.id), type: "way", nodes: way.nodes.map(nodeId => nodes[nodeId]), tags: this.getTags(way) })); }, getRelations(json, nodes, ways) { const relations = json.elements?.filter(el => el.type === "relation") ?? []; return relations.map(rel => ({ id: String(rel.id), type: "relation", members: (rel.members ?? []) // relation-way and relation-relation membership not implemented .map(member => member.type === "node" ? nodes[member.ref] : null) .filter(Boolean), // filter out null and undefined tags: this.getTags(rel) })); }, getTags(json) { return json.tags ?? {}; } };