X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/030b7c4052554d78b142daf4dac7fbf200ab73ad..8f7f02b025f59db466fdb22ea3686cb6c5adc400:/vendor/assets/leaflet/leaflet.osm.js
diff --git a/vendor/assets/leaflet/leaflet.osm.js b/vendor/assets/leaflet/leaflet.osm.js
index 55b27e7cf..53d18bf2c 100644
--- a/vendor/assets/leaflet/leaflet.osm.js
+++ b/vendor/assets/leaflet/leaflet.osm.js
@@ -2,8 +2,8 @@ L.OSM = {};
L.OSM.TileLayer = L.TileLayer.extend({
options: {
- url: 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
- attribution: '© OpenStreetMap and contributors, under an open license'
+ url: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
+ attribution: '© OpenStreetMap contributors'
},
initialize: function (options) {
@@ -14,27 +14,75 @@ L.OSM.TileLayer = L.TileLayer.extend({
L.OSM.Mapnik = L.OSM.TileLayer.extend({
options: {
- url: 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'
+ 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: 'http://{s}.tile.opencyclemap.org/cycle/{z}/{x}/{y}.png'
+ 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: 'http://{s}.tile2.opencyclemap.org/transport/{z}/{x}/{y}.png'
+ 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.MapQuestOpen = L.OSM.TileLayer.extend({
+L.OSM.TransportDarkMap = L.OSM.TileLayer.extend({
options: {
- url: 'http://otile{s}.mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.png',
- subdomains: '1234',
- attribution: "Tiles courtesy of MapQuest 
"
+ 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'
}
});
@@ -42,7 +90,8 @@ 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: {}
+ styles: {},
+ asynchronous: false,
},
initialize: function (xml, options) {
@@ -55,40 +104,81 @@ L.OSM.DataLayer = L.FeatureGroup.extend({
}
},
- addData: function (xml) {
- var nodes = L.OSM.getNodes(xml),
- ways = L.OSM.getWays(xml);
+ addData: function (features) {
+ if (!(features instanceof Array)) {
+ features = this.buildFeatures(features);
+ }
- for (var i = 0; i < ways.length; i++) {
- var way = ways[i],
- latLngs = new Array(way.nodes.length);
+ for (var i = 0; i < features.length; i++) {
+ let feature = features[i], layer;
- for (var j = 0; j < way.nodes.length; j++) {
- latLngs[j] = nodes[way.nodes[j]].latLng;
+ 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);
+ }
}
- var layer;
-
- if (this.isWayArea(way)) {
- latLngs.pop(); // Remove last == first.
- layer = L.polygon(latLngs, this.options.styles.area);
+ if (this.options.asynchronous) {
+ setTimeout(() => layer.addTo(this));
} else {
- layer = L.polyline(latLngs, this.options.styles.way);
+ 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
}
+ }
- layer.addTo(this);
- layer.feature = way;
+ 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)) {
- var layer = L.circleMarker(node.latLng, this.options.styles.node);
-
- layer.addTo(this);
- layer.feature = node;
+ 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) {
@@ -105,18 +195,62 @@ L.OSM.DataLayer = L.FeatureGroup.extend({
return false;
},
- interestingNode: function (node) {
+ 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)) {
+ 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.Util.extend(L.OSM, {
+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 = {};
@@ -136,7 +270,7 @@ L.Util.extend(L.OSM, {
return result;
},
- getWays: function (xml) {
+ getWays: function (xml, nodes) {
var result = [];
var ways = xml.getElementsByTagName("way");
@@ -151,7 +285,7 @@ L.Util.extend(L.OSM, {
};
for (var j = 0; j < nds.length; j++) {
- way_object.nodes[j] = nds[j].getAttribute("ref");
+ way_object.nodes[j] = nodes[nds[j].getAttribute("ref")];
}
result.push(way_object);
@@ -160,6 +294,33 @@ L.Util.extend(L.OSM, {
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 = {};
@@ -170,4 +331,64 @@ L.Util.extend(L.OSM, {
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 ?? {};
+ }
+};