check-in bower_components

bower_components/leaflet-plugins/layer/vector/OSM.js

@@ -0,0 +1,172 @@
+/*global L: true */
+
+L.OSM = L.FeatureGroup.extend({
+	options: {
+		async: true,
+		forceAll: false
+	},
+
+	initialize: function(url, options) {
+		L.Util.setOptions(this, options);
+		this._url = url;
+		this._layers = {};
+		
+		if (url) {
+			this.addXML(url, options, this.options.async);
+		}
+	},
+	
+	loadXML: function(url, cb, options, async) {
+		if (async == undefined) async = this.options.async;
+		if (options == undefined) options = this.options;
+
+		var req = new window.XMLHttpRequest();
+		req.open('GET', url, async);
+		req.overrideMimeType('text/xml');
+		req.onreadystatechange = function() {
+			if (req.readyState != 4) return;
+			if(req.status == 200) cb(req.responseXML, options);
+		};
+		req.send(null);
+	},
+
+	addXML: function(url, options, async) {
+		var _this = this;
+		var cb = function(xml, options) { _this._addXML(xml, options) };
+		this.loadXML(url, cb, options, async);
+	},
+
+	_addXML: function(xml, options) {
+		var layers = this.parseOSM(xml, options);
+		if (!layers) return;
+		this.addLayer(layers);
+		this.fire("loaded");
+	},
+
+	parseOSM: function(xml, options) {
+		var i, el, ll, layers = [];
+		var nodes = {};
+		var ways = {};
+		var named = false;
+
+		el = xml.getElementsByTagName('node');
+		for (i = 0; i < el.length; i++) {
+			var l = this.parse_node(el[i], xml, options);
+			if (l == undefined) continue;
+			nodes[l.osmid] = l;
+			if (!this.options.forceAll && !l.tags.length) continue;
+			var m = this.named_node(l, options);
+			if (!ll) ll = m.getLatLng();
+			if (this.parse_name(m, l, "Node")) named = true;
+			layers.push(m);
+		}
+
+		el = xml.getElementsByTagName('way');
+		for (i = 0; i < el.length; i++) {
+			if (i > 10) break;
+			var l = this.parse_way(el[i], nodes, options);
+			if (!l) continue;
+			if (!ll) ll = l.getLatLngs()[0];
+			if (this.parse_name(l, l, "Way")) named = true;
+			layers.push(l);
+			ways[l.osmid] = l;
+		}
+
+		el = xml.getElementsByTagName('relation');
+		for (i = 0; i < el.length; i++) {
+			if (i > 10) break;
+			var l = this.parse_relation(el[i], ways, options);
+			if (!l) continue;
+			if (!ll) ll = l.getLatLngs()[0];
+			if (this.parse_name(l, l, "Relation")) named = true;
+			layers.push(l);
+		}
+
+		if (!layers.length) return;
+		var layer = layers[0];
+		if (layers.length > 1) 
+			layer = new L.FeatureGroup(layers);
+		if (!named) this.parse_name(xml, layer);
+		layer.focusPoint = ll;
+		return layer;
+	},
+
+	parse_name: function(layer, obj, obj_name) {
+		console.info("parse name");
+		console.info(this.options);
+		if (!this.options.forceAll)
+			if (!obj.tags || !obj.tags.length) return;
+		var i, txt = "<table>";
+		for (i = 0; i < obj.tags.length; i++) {
+			var t = obj.tags[i];
+			txt += "<tr><td>" + t.k + "</td><td>=</td><td>" + t.v + "</td></tr>";
+		}
+		txt += "</table>"
+		txt = "<h2>" + obj_name + " " + obj.osmid + "</h2>" + txt;
+		if (layer) layer.bindPopup(txt);
+		return txt;
+	},
+
+	parse_tags: function(line) {
+		var tags = [], el = line.getElementsByTagName('tag');
+		for (var i = 0; i < el.length; i++)
+			tags.push({k: el[i].getAttribute('k'), v: el[i].getAttribute('v')})
+		return tags;
+	},
+
+	parse_node: function(e) {
+		var n = { osmid: e.getAttribute('id')
+			, lat:e.getAttribute('lat')
+			, lon:e.getAttribute('lon')
+			}
+		n.ll = new L.LatLng(n.lat, n.lon);
+		n.tags = this.parse_tags(e);
+		return n;
+	},
+
+	parse_way: function(line, nodes, options) {
+		var el = line.getElementsByTagName('nd');
+		if (!el.length) return;
+		var coords = [], tags = [];
+		for (var i = 0; i < el.length; i++) {
+			var ref = el[i].getAttribute('ref'), n = nodes[ref];
+			if (!n) return;
+			coords.push(n.ll);
+		}
+		var layer = new L.Polyline(coords, options);
+		layer.tags = this.parse_tags(line);
+		layer.osmid = line.getAttribute('id')
+		return layer;
+	},
+
+	parse_relation: function(line, ways, options) {
+		var el = line.getElementsByTagName('member');
+		if (!el.length) return;
+		var rt, coords = [], tags = this.parse_tags(line);
+		for (var i = 0; i < tags.length; i++)
+			if (tags[i].k == "type") rt = tags[i].v;
+
+		if (rt != "multipolygon" && rt != "boundary" && rt != "waterway")
+			return;
+
+		for (var i = 0; i < el.length; i++) {
+			var mt = el[i].getAttribute("type"), ref = el[i].getAttribute("ref");
+			if (mt != "way") continue;
+			var w = ways[ref];
+			console.info("Way: " + ref + " " + w);
+			if (!w) return;
+			coords.push(w);
+		}
+		console.info("Coords: " + coords.length);
+		if (!coords.length) return;
+		var layer = new L.MultiPolyline(coords, options);
+		layer.tags = this.parse_tags(line);
+		layer.osmid = line.getAttribute('id')
+		return layer;
+	},
+
+	named_node: function(node, options) {
+		var marker = new L.Marker(new L.LatLng(node.lat, node.lon), options);
+		return marker;
+	}
+});