leaflet-ruby 0.3.beta1

data/lib/leaflet/src/map/handler/Map.Drag.js

@@ -0,0 +1,81 @@
+/*
+ * L.Handler.MapDrag is used internally by L.Map to make the map draggable.
+ */
+
+L.Map.Drag = L.Handler.extend({
+	addHooks: function () {
+		if (!this._draggable) {
+			this._draggable = new L.Draggable(this._map._mapPane, this._map._container);
+
+			this._draggable
+				.on('dragstart', this._onDragStart, this)
+				.on('drag', this._onDrag, this)
+				.on('dragend', this._onDragEnd, this);
+
+			var options = this._map.options;
+
+			if (options.worldCopyJump && !options.continuousWorld) {
+				this._draggable.on('predrag', this._onPreDrag, this);
+				this._map.on('viewreset', this._onViewReset, this);
+			}
+		}
+		this._draggable.enable();
+	},
+
+	removeHooks: function () {
+		this._draggable.disable();
+	},
+
+	moved: function () {
+		return this._draggable && this._draggable._moved;
+	},
+
+	_onDragStart: function () {
+		this._map
+			.fire('movestart')
+			.fire('dragstart');
+	},
+
+	_onDrag: function () {
+		this._map
+			.fire('move')
+			.fire('drag');
+	},
+
+	_onViewReset: function () {
+		var pxCenter = this._map.getSize().divideBy(2),
+			pxWorldCenter = this._map.latLngToLayerPoint(new L.LatLng(0, 0));
+
+		this._initialWorldOffset = pxWorldCenter.subtract(pxCenter);
+	},
+
+	_onPreDrag: function () {
+		var map = this._map,
+			worldWidth = map.options.scale(map.getZoom()),
+			halfWidth = Math.round(worldWidth / 2),
+			dx = this._initialWorldOffset.x,
+			x = this._draggable._newPos.x,
+			newX1 = (x - halfWidth + dx) % worldWidth + halfWidth - dx,
+			newX2 = (x + halfWidth + dx) % worldWidth - halfWidth - dx,
+			newX = Math.abs(newX1 + dx) < Math.abs(newX2 + dx) ? newX1 : newX2;
+
+		this._draggable._newPos.x = newX;
+	},
+
+	_onDragEnd: function () {
+		var map = this._map;
+
+		map
+			.fire('moveend')
+			.fire('dragend');
+
+		if (map.options.maxBounds) {
+			// TODO predrag validation instead of animation
+			L.Util.requestAnimFrame(this._panInsideMaxBounds, map, true, map._container);
+		}
+	},
+
+	_panInsideMaxBounds: function () {
+		this.panInsideBounds(this.options.maxBounds);
+	}
+});

data/lib/leaflet/src/map/handler/Map.ScrollWheelZoom.js

@@ -0,0 +1,55 @@
+/*
+ * L.Handler.ScrollWheelZoom is used internally by L.Map to enable mouse scroll wheel zooming on the map.
+ */
+
+L.Map.ScrollWheelZoom = L.Handler.extend({
+	addHooks: function () {
+		L.DomEvent.addListener(this._map._container, 'mousewheel', this._onWheelScroll, this);
+		this._delta = 0;
+	},
+
+	removeHooks: function () {
+		L.DomEvent.removeListener(this._map._container, 'mousewheel', this._onWheelScroll);
+	},
+
+	_onWheelScroll: function (e) {
+		var delta = L.DomEvent.getWheelDelta(e);
+		this._delta += delta;
+		this._lastMousePos = this._map.mouseEventToContainerPoint(e);
+
+		clearTimeout(this._timer);
+		this._timer = setTimeout(L.Util.bind(this._performZoom, this), 50);
+
+		L.DomEvent.preventDefault(e);
+	},
+
+	_performZoom: function () {
+		var map = this._map,
+			delta = Math.round(this._delta),
+			zoom = map.getZoom();
+
+		delta = Math.max(Math.min(delta, 4), -4);
+		delta = map._limitZoom(zoom + delta) - zoom;
+
+		this._delta = 0;
+
+		if (!delta) {
+			return;
+		}
+
+		var newCenter = this._getCenterForScrollWheelZoom(this._lastMousePos, delta),
+			newZoom = zoom + delta;
+
+		map.setView(newCenter, newZoom);
+	},
+
+	_getCenterForScrollWheelZoom: function (mousePos, delta) {
+		var map = this._map,
+			centerPoint = map.getPixelBounds().getCenter(),
+			viewHalf = map.getSize().divideBy(2),
+			centerOffset = mousePos.subtract(viewHalf).multiplyBy(1 - Math.pow(2, -delta)),
+			newCenterPoint = centerPoint.add(centerOffset);
+
+		return map.unproject(newCenterPoint, map._zoom, true);
+	}
+});

data/lib/leaflet/src/map/handler/Map.TouchZoom.js

@@ -0,0 +1,93 @@
+/*
+ * L.Handler.TouchZoom is used internally by L.Map to add touch-zooming on Webkit-powered mobile browsers.
+ */
+
+L.Map.TouchZoom = L.Handler.extend({
+	addHooks: function () {
+		L.DomEvent.addListener(this._map._container, 'touchstart', this._onTouchStart, this);
+	},
+
+	removeHooks: function () {
+		L.DomEvent.removeListener(this._map._container, 'touchstart', this._onTouchStart, this);
+	},
+
+	_onTouchStart: function (e) {
+		if (!e.touches || e.touches.length !== 2 || this._map._animatingZoom) {
+			return;
+		}
+
+		var p1 = this._map.mouseEventToLayerPoint(e.touches[0]),
+			p2 = this._map.mouseEventToLayerPoint(e.touches[1]),
+			viewCenter = this._map.containerPointToLayerPoint(this._map.getSize().divideBy(2));
+
+		this._startCenter = p1.add(p2).divideBy(2, true);
+		this._startDist = p1.distanceTo(p2);
+		//this._startTransform = this._map._mapPane.style.webkitTransform;
+
+		this._moved = false;
+		this._zooming = true;
+
+		this._centerOffset = viewCenter.subtract(this._startCenter);
+
+		L.DomEvent.addListener(document, 'touchmove', this._onTouchMove, this);
+		L.DomEvent.addListener(document, 'touchend', this._onTouchEnd, this);
+
+		L.DomEvent.preventDefault(e);
+	},
+
+	_onTouchMove: function (e) {
+		if (!e.touches || e.touches.length !== 2) {
+			return;
+		}
+
+		if (!this._moved) {
+			this._map._mapPane.className += ' leaflet-zoom-anim';
+
+			this._map
+				.fire('zoomstart')
+				.fire('movestart')
+				._prepareTileBg();
+
+			this._moved = true;
+		}
+
+		var p1 = this._map.mouseEventToLayerPoint(e.touches[0]),
+			p2 = this._map.mouseEventToLayerPoint(e.touches[1]);
+
+		this._scale = p1.distanceTo(p2) / this._startDist;
+		this._delta = p1.add(p2).divideBy(2, true).subtract(this._startCenter);
+
+		// Used 2 translates instead of transform-origin because of a very strange bug -
+		// it didn't count the origin on the first touch-zoom but worked correctly afterwards
+
+		this._map._tileBg.style.webkitTransform = [
+            L.DomUtil.getTranslateString(this._delta),
+            L.DomUtil.getScaleString(this._scale, this._startCenter)
+        ].join(" ");
+
+		L.DomEvent.preventDefault(e);
+	},
+
+	_onTouchEnd: function (e) {
+		if (!this._moved || !this._zooming) {
+			return;
+		}
+		this._zooming = false;
+
+		var oldZoom = this._map.getZoom(),
+			floatZoomDelta = Math.log(this._scale) / Math.LN2,
+			roundZoomDelta = (floatZoomDelta > 0 ? Math.ceil(floatZoomDelta) : Math.floor(floatZoomDelta)),
+			zoom = this._map._limitZoom(oldZoom + roundZoomDelta),
+			zoomDelta = zoom - oldZoom,
+			centerOffset = this._centerOffset.subtract(this._delta).divideBy(this._scale),
+			centerPoint = this._map.getPixelOrigin().add(this._startCenter).add(centerOffset),
+			center = this._map.unproject(centerPoint);
+
+		L.DomEvent.removeListener(document, 'touchmove', this._onTouchMove);
+		L.DomEvent.removeListener(document, 'touchend', this._onTouchEnd);
+
+		var finalScale = Math.pow(2, zoomDelta);
+
+		this._map._runAnimation(center, zoom, finalScale / this._scale, this._startCenter.add(centerOffset));
+	}
+});

data/lib/zerista/CRS.Cartesian.js

@@ -0,0 +1,20 @@
+/*
+* CRS.Cartesian is used for infinite coordinate systems that are not related to the Earth.  Examples
+* include indoor maps, gaming maps, etc.  We assume 0,0 is in the bottom right corner.
+*/
+
+L.CRS.Cartesian = L.Class.extend({
+  includes: L.CRS,
+
+  initialize: function (bounds)
+  {
+    this._bounds = bounds;
+    // TODO - add this to bounds class
+    this._bounds.width = bounds.max.x - bounds.min.x
+    this._bounds.height = bounds.max.y - bounds.min.y
+    
+    this.projection = L.Projection.Identity
+    this.transformation = new L.Transformation(1.0/this._bounds.width, 0,
+                                               -1.0/this._bounds.height, 1)
+  }
+});

data/lib/zerista/Projection.Identity.js

@@ -0,0 +1,11 @@
+
+L.Projection.Identity = {
+  project: function(latlng) {
+    return new L.Point(latlng.lng, latlng.lat);
+  },
+	
+  unproject: function(point, unbounded) {
+    /* Turn on no wrap by passing true as 3rd parameter */
+    return new L.LatLng(point.y, point.x, true);
+  }
+};

data/lib/zerista/zerista_layer.js

@@ -0,0 +1,97 @@
+
+L.Zerista = L.GeoJSON.extend({
+  includes: L.Mixin.Events,
+
+  initialize: function(uri, options) {
+    L.Util.setOptions(this, options);
+    this._uri = uri;
+    this._layers = {};
+    this._options = options;
+
+    if (uri) {
+//      this.addFeatures(this);
+    }
+  },
+
+  addFeatures: function($this) {
+    $this.on('featureparse', function(e) {
+      var popupText = e.properties.display_value;
+      e.layer.bindPopup(popupText);
+    });
+  },
+
+	onAdd: function(map) {
+		this._map = map;
+		this._iterateLayers(map.addLayer, map);
+    this._update();
+  },
+
+  _update: function() {
+    var self = this
+    $.getJSON(self._uri, function(data)
+    {
+      self.addGeoJSONWithIcon(data);
+    });
+  },
+
+  addGeoJSONWithIcon: function(geojson) {
+    if (geojson.features) {
+      for (var i = 0, len = geojson.features.length; i < len; i++) {
+        this.addGeoJSONWithIcon(geojson.features[i]);
+      }
+      return;
+    }
+    var popupText = "<div class='popup_title'>";
+    var icon = geojson.properties.icon
+
+    if (icon) {
+      popupText += "<img src='/icons_user/" + icon.versions['medium-64'] + "' class='popup_image'>";
+      var iconUrl = '/icons_user/' + icon.versions['small-32'];
+      var MyIcon = L.Icon.extend({iconUrl: iconUrl,
+                                  iconSize: new L.Point(32, 32),
+                                  shadowSize: new L.Point(0, 0),
+                                  shadowUrl: ''});
+
+      var layer = this.geometryToLayer(geojson.geometry, function(latLng) {
+        return new L.Marker(latLng, {icon: new MyIcon()})
+      });
+
+    }
+    else {
+      var layer = this.geometryToLayer(geojson.geometry)
+    }
+
+    popupText += "<h3 class='ui-li-heading'>" + (geojson.link ? geojson.link : geojson.properties.display_value) + "</h3>" + (geojson.by ? ("<p class='ui-li-desc'> By " + geojson.by + "</p>") : '') + "</div>";
+    
+    if(geojson.properties.article != null )
+      popupText += "<div class='popup_article'><p class='ui-li-desc'>" + geojson.properties.article['content'] + "</p></div>";
+    
+    layer.bindPopup(popupText,{maxWidth: ($(window).width() - 50 )});
+    
+    if(geojson.properties.id == this._options.active_id  && geojson.geometry.type != 'Point'){
+      layer.setStyle({color: this._options.active_color})
+    }
+    
+    this.fire('featureparse', {
+      layer: layer,
+      properties: geojson.properties,
+      geometryType: geojson.geometry.type,
+      bbox: geojson.bbox,
+      id: geojson.id
+    });
+      
+    this.addLayer(layer);
+  },
+
+	coordsToLatLng: function(/*Array*/ coords, /*Boolean*/ reverse)/*: LatLng*/ {
+		var lat = parseFloat(coords[reverse ? 0 : 1]),
+			lng = parseFloat(coords[reverse ? 1 : 0]);
+    var noWrap = true;
+		return new L.LatLng(lat, lng, noWrap);
+	}
+});
+
+L.Util.extend(L.Zerista.prototype, {
+  	geometryToLayer: L.GeoJSON["geometryToLayer"],
+  	coordsToLatLngs: L.GeoJSON["coordsToLatLngs"]
+})

data/vendor/assets/javascripts/leaflet.js

@@ -0,0 +1,139 @@
+// The core of the library, including OOP, events, DOM facilities, basic units,
+// projections (EPSG:3857 and EPSG:4326) and the base Map class.
+//=require ../../../lib/leaflet/src/Leaflet.js
+//=require ../../../lib/leaflet/src/core/Util.js
+//=require ../../../lib/leaflet/src/core/Class.js
+//=require ../../../lib/leaflet/src/core/Events.js
+//=require ../../../lib/leaflet/src/core/Browser.js
+//=require ../../../lib/leaflet/src/geometry/Point.js
+//=require ../../../lib/leaflet/src/geometry/Bounds.js
+//=require ../../../lib/leaflet/src/geometry/Transformation.js
+//=require ../../../lib/leaflet/src/dom/DomUtil.js
+//=require ../../../lib/leaflet/src/geo/LatLng.js
+//=require ../../../lib/leaflet/src/geo/LatLngBounds.js
+//=require ../../../lib/leaflet/src/geo/projection/Projection.js
+//=require ../../../lib/leaflet/src/geo/projection/Projection.SphericalMercator.js
+//=require ../../../lib/leaflet/src/geo/projection/Projection.LonLat.js
+//=require ../../../lib/leaflet/src/geo/crs/CRS.js
+//=require ../../../lib/leaflet/src/geo/crs/CRS.EPSG3857.js
+//=require ../../../lib/leaflet/src/geo/crs/CRS.EPSG4326.js
+//=require ../../../lib/leaflet/src/map/Map.js
+
+// EPSG3395
+//=require ../../../lib/leaflet/src/geo/projection/Projection.Mercator.js
+//=require ../../../lib/leaflet/src/geo/crs/CRS.EPSG3395.js
+
+// TileLayer
+//=require ../../../lib/leaflet/src/layer/tile/TileLayer.js
+
+// TileLayerWMS
+//=require ../../../lib/leaflet/src/layer/tile/TileLayer.WMS.js
+
+// TileLayerCanvas
+//=require ../../../lib/leaflet/src/layer/tile/TileLayer.Canvas.js
+
+// ImageOverlay
+//=require ../../../lib/leaflet/src/layer/ImageOverlay.js
+
+// Marker
+//=require ../../../lib/leaflet/src/layer/marker/Icon.js
+//=require ../../../lib/leaflet/src/layer/marker/Marker.js
+
+// Popup
+//=require ../../../lib/leaflet/src/layer/Popup.js
+//=require ../../../lib/leaflet/src/layer/marker/Marker.Popup.js
+//=require ../../../lib/leaflet/src/map/ext/Map.Popup.js
+
+// LayerGroup:
+//=require ../../../lib/leaflet/src/layer/LayerGroup.js
+
+// FeatureGroup
+//=require ../../../lib/leaflet/src/layer/FeatureGroup.js
+
+// Path
+//=require ../../../lib/leaflet/src/layer/vector/Path.js
+//=require ../../../lib/leaflet/src/layer/vector/Path.SVG.js
+//=require ../../../lib/leaflet/src/layer/vector/Path.Popup.js
+
+// PathVML
+//=require ../../../lib/leaflet/src/layer/vector/Path.VML.js
+
+// Polyline
+//=require ../../../lib/leaflet/src/geometry/LineUtil.js
+//=require ../../../lib/leaflet/src/layer/vector/Polyline.js
+
+// Polygon
+//=require ../../../lib/leaflet/src/geometry/PolyUtil.js
+//=require ../../../lib/leaflet/src/layer/vector/Polygon.js
+  
+// MultiPoly
+//=require ../../../lib/leaflet/src/layer/vector/MultiPoly.js
+
+// Circle
+//=require ../../../lib/leaflet/src/layer/vector/Circle.js
+
+// CircleMarker
+//=require ../../../lib/leaflet/src/layer/vector/CircleMarker.js
+
+// PathCanvas
+//=require ../../../lib/leaflet/src/layer/vector/canvas/Path.Canvas.js
+//=require ../../../lib/leaflet/src/layer/vector/canvas/Polyline.Canvas.js
+//=require ../../../lib/leaflet/src/layer/vector/canvas/Polygon.Canvas.js
+//=require ../../../lib/leaflet/src/layer/vector/canvas/Circle.Canvas.js
+
+// GeoJSON
+//=require ../../../lib/leaflet/src/layer/GeoJSON.js
+
+// MapDrag
+//=require ../../../lib/leaflet/src/dom/DomEvent.js
+//=require ../../../lib/leaflet/src/dom/Draggable.js
+//=require ../../../lib/leaflet/src/core/Handler.js
+//=require ../../../lib/leaflet/src/map/handler/Map.Drag.js
+
+// MouseZoom
+//=require ../../../lib/leaflet/src/map/handler/Map.DoubleClickZoom.js
+//=require ../../../lib/leaflet/src/map/handler/Map.ScrollWheelZoom.js
+
+
+// TouchZoom
+//=require ../../../lib/leaflet/src/dom/DomEvent.DoubleTap.js
+//=require ../../../lib/leaflet/src/map/handler/Map.TouchZoom.js
+
+// BoxZoom
+//=require ../../../lib/leaflet/src/map/handler/Map.BoxZoom.js
+
+// MarkerDrag
+//=require ../../../lib/leaflet/src/layer/marker/Marker.Drag.js
+
+// ControlZoom
+//=require ../../../lib/leaflet/src/control/Control.js
+//=require ../../../lib/leaflet/src/map/ext/Map.Control.js
+//=require ../../../lib/leaflet/src/control/Control.Zoom.js
+
+// ControlAttrib
+//=require ../../../lib/leaflet/src/control/Control.Attribution.js
+
+// ControlLayers
+//=require ../../../lib/leaflet/src/control/Control.Layers.js
+
+
+// AnimationNative
+//=require ../../../lib/leaflet/src/dom/transition/Transition.js
+//=require ../../../lib/leaflet/src/dom/transition/Transition.Native.js
+
+// AnimationTimer
+//=require ../../../lib/leaflet/src/dom/transition/Transition.Timer.js
+
+// AnimationPan
+//=require ../../../lib/leaflet/src/map/anim/Map.PanAnimation.js
+
+// AnimationZoom: {
+//=require ../../../lib/leaflet/src/map/anim/Map.ZoomAnimation.js
+
+// Geolocation
+//=require ../../../lib/leaflet/src/map/ext/Map.Geolocation.js
+
+// Zerista additions
+//=require ../../../lib/zerista/CRS.Cartesian.js
+//=require ../../../lib/zerista/Projection.Identity.js
+//=require ../../../lib/zerista/zerista_layer.js