L.OSM.TileLayer = L.TileLayer.extend({
options: {
- url: 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
- attribution: '© <a target="_parent" href="http://www.openstreetmap.org">OpenStreetMap</a> and contributors, under an <a target="_parent" href="http://www.openstreetmap.org/copyright">open license</a>'
+ url: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
+ attribution: '© <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a> contributors'
},
initialize: function (options) {
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: '© <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>'
+ }
+});
+
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: '© <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>'
}
});
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: '© <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>'
+ }
+});
+
+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: '© <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>'
}
});
-L.OSM.MapQuestOpen = L.OSM.TileLayer.extend({
+L.OSM.OPNVKarte = 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 <a href='http://www.mapquest.com/' target='_blank'>MapQuest</a> <img src='http://developer.mapquest.com/content/osm/mq_logo.png'>"
+ url: 'https://tileserver.memomaps.de/tilegen/{z}/{x}/{y}.png',
+ maxZoom: 18,
+ 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>'
}
});
L.OSM.HOT = L.OSM.TileLayer.extend({
options: {
- url: 'http://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',
+ url: 'https://tile-{s}.openstreetmap.fr/hot/{z}/{x}/{y}.png',
maxZoom: 20,
subdomains: 'abc',
- attribution: "Tiles courtesy of <a href='http://hot.openstreetmap.org/' target='_blank'>Humanitarian OpenStreetMap Team</a>"
+ 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>'
+ }
+});
+
+L.OSM.TracestrackTopo = L.OSM.TileLayer.extend({
+ options: {
+ url: 'https://tile.tracestrack.com/topo__/{z}/{x}/{y}.png?key={apikey}',
+ maxZoom: 19,
+ 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>'
+ }
+});
+
+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'
}
});
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) {
}
for (var i = 0; i < features.length; i++) {
- var feature = features[i], layer;
+ let feature = features[i], layer;
if (feature.type === "changeset") {
layer = L.rectangle(feature.latLngBounds, this.options.styles.changeset);
}
}
- layer.addTo(this);
+ if (this.options.asynchronous) {
+ setTimeout(() => layer.addTo(this));
+ } else {
+ layer.addTo(this);
+ }
+
layer.feature = feature;
}
},
- buildFeatures: function (xml) {
- var features = L.OSM.getChangesets(xml),
- nodes = L.OSM.getNodes(xml),
- ways = L.OSM.getWays(xml, nodes),
- relations = L.OSM.getRelations(xml, nodes, ways);
+ 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, ways, relations)) {
+ if (this.interestingNode(node, wayNodes, relationNodes)) {
features.push(node);
}
}
return false;
},
- interestingNode: function (node, ways, relations) {
- var used = false;
-
- for (var i = 0; i < ways.length; i++) {
- if (ways[i].nodes.indexOf(node) >= 0) {
- used = true;
- break;
- }
- }
-
- if (!used) {
- return true;
- }
-
- for (var i = 0; i < relations.length; i++) {
- if (relations[i].members.indexOf(node) >= 0)
- return true;
+ interestingNode: function (node, wayNodes, relationNodes) {
+ if (!wayNodes[node.id] || relationNodes[node.id]) {
+ return true
}
for (var key in node.tags) {
}
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 = [];
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;
}
-});
+}
+
+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 ?? {};
+ }
+};
projects / rails.git / blobdiff