goog.provide('ol.interaction.Modify'); goog.require('goog.array'); goog.require('goog.asserts'); goog.require('goog.events'); goog.require('ol.Collection'); goog.require('ol.CollectionEventType'); goog.require('ol.Feature'); goog.require('ol.FeatureOverlay'); goog.require('ol.MapBrowserEvent.EventType'); goog.require('ol.ViewHint'); goog.require('ol.coordinate'); goog.require('ol.extent'); goog.require('ol.geom.GeometryType'); goog.require('ol.geom.LineString'); goog.require('ol.geom.MultiLineString'); goog.require('ol.geom.MultiPoint'); goog.require('ol.geom.MultiPolygon'); goog.require('ol.geom.Point'); goog.require('ol.geom.Polygon'); goog.require('ol.interaction.Drag'); goog.require('ol.structs.RBush'); /** * @typedef {{depth: (Array.|undefined), * feature: ol.Feature, * geometry: ol.geom.SimpleGeometry, * index: (number|undefined), * segment: Array.}} */ ol.interaction.SegmentDataType; /** * @constructor * @extends {ol.interaction.Drag} * @param {olx.interaction.ModifyOptions} options Options. */ ol.interaction.Modify = function(options) { goog.base(this); /** * Editing vertex. * @type {ol.Feature} * @private */ this.vertexFeature_ = null; /** * Segments intersecting {@link this.vertexFeature_} by segment uid. * @type {Object.} * @private */ this.vertexSegments_ = null; /** * @type {boolean} * @private */ this.modifiable_ = false; /** * @type {ol.Pixel} * @private */ this.lastPixel_ = null; /** * Segment RTree for each layer * @type {Object.<*, ol.structs.RBush>} * @private */ this.rBush_ = null; /** * @type {number} * @private */ this.pixelTolerance_ = goog.isDef(options.pixelTolerance) ? options.pixelTolerance : 20; /** * @type {Array} * @private */ this.dragSegments_ = null; /** * Draw overlay where are sketch features are drawn. * @type {ol.FeatureOverlay} * @private */ this.overlay_ = new ol.FeatureOverlay({ style: options.style }); /** * @type {ol.Collection} * @private */ this.features_ = options.features; goog.events.listen(this.features_, ol.CollectionEventType.ADD, this.addFeature_, false, this); goog.events.listen(this.features_, ol.CollectionEventType.REMOVE, this.removeFeature_, false, this); /** * @const * @private * @type {Object. } */ this.SEGMENT_WRITERS_ = { 'Point': this.writePointGeometry_, 'LineString': this.writeLineStringGeometry_, 'LinearRing': this.writeLineStringGeometry_, 'Polygon': this.writePolygonGeometry_, 'MultiPoint': this.writeMultiPointGeometry_, 'MultiLineString': this.writeMultiLineStringGeometry_, 'MultiPolygon': this.writeMultiPolygonGeometry_, 'GeometryCollection': this.writeGeometryCollectionGeometry_ }; }; goog.inherits(ol.interaction.Modify, ol.interaction.Drag); /** * @inheritDoc */ ol.interaction.Modify.prototype.setMap = function(map) { if (!goog.isNull(map)) { if (goog.isNull(this.rBush_)) { this.rBush_ = new ol.structs.RBush(); } } else { // removing from a map, clean up this.rBush_ = null; } this.overlay_.setMap(map); goog.base(this, 'setMap', map); }; /** * @param {ol.CollectionEvent} evt Event. * @private */ ol.interaction.Modify.prototype.addFeature_ = function(evt) { var feature = evt.element; goog.asserts.assertInstanceof(feature, ol.Feature); var geometry = feature.getGeometry(); if (goog.isDef(this.SEGMENT_WRITERS_[geometry.getType()])) { this.SEGMENT_WRITERS_[geometry.getType()].call(this, feature, geometry); } this.handleMouseAtPixel_(this.lastPixel_, this.getMap()); }; /** * @param {ol.Feature} feature Feature * @param {ol.geom.Point} geometry Geometry. * @private */ ol.interaction.Modify.prototype.writePointGeometry_ = function(feature, geometry) { var coordinates = geometry.getCoordinates(); var segmentData = /** @type {ol.interaction.SegmentDataType} */ ({ feature: feature, geometry: geometry, segment: [coordinates, coordinates] }); this.rBush_.insert(geometry.getExtent(), segmentData); }; /** * @param {ol.Feature} feature Feature * @param {ol.geom.MultiPoint} geometry Geometry. * @private */ ol.interaction.Modify.prototype.writeMultiPointGeometry_ = function(feature, geometry) { var points = geometry.getCoordinates(); var coordinates, i, ii, segmentData; for (i = 0, ii = points.length; i < ii; ++i) { coordinates = points[i]; segmentData = /** @type {ol.interaction.SegmentDataType} */ ({ feature: feature, geometry: geometry, depth: [i], index: i, segment: [coordinates, coordinates] }); this.rBush_.insert(geometry.getExtent(), segmentData); } }; /** * @param {ol.Feature} feature Feature * @param {ol.geom.LineString} geometry Geometry. * @private */ ol.interaction.Modify.prototype.writeLineStringGeometry_ = function(feature, geometry) { var coordinates = geometry.getCoordinates(); var i, ii, segment, segmentData; for (i = 0, ii = coordinates.length - 1; i < ii; ++i) { segment = coordinates.slice(i, i + 2); segmentData = /** @type {ol.interaction.SegmentDataType} */ ({ feature: feature, geometry: geometry, index: i, segment: segment }); this.rBush_.insert(ol.extent.boundingExtent(segment), segmentData); } }; /** * @param {ol.Feature} feature Feature * @param {ol.geom.MultiLineString} geometry Geometry. * @private */ ol.interaction.Modify.prototype.writeMultiLineStringGeometry_ = function(feature, geometry) { var lines = geometry.getCoordinates(); var coordinates, i, ii, j, jj, segment, segmentData; for (j = 0, jj = lines.length; j < jj; ++j) { coordinates = lines[j]; for (i = 0, ii = coordinates.length - 1; i < ii; ++i) { segment = coordinates.slice(i, i + 2); segmentData = /** @type {ol.interaction.SegmentDataType} */ ({ feature: feature, geometry: geometry, depth: [j], index: i, segment: segment }); this.rBush_.insert(ol.extent.boundingExtent(segment), segmentData); } } }; /** * @param {ol.Feature} feature Feature * @param {ol.geom.Polygon} geometry Geometry. * @private */ ol.interaction.Modify.prototype.writePolygonGeometry_ = function(feature, geometry) { var rings = geometry.getCoordinates(); var coordinates, i, ii, j, jj, segment, segmentData; for (j = 0, jj = rings.length; j < jj; ++j) { coordinates = rings[j]; for (i = 0, ii = coordinates.length - 1; i < ii; ++i) { segment = coordinates.slice(i, i + 2); segmentData = /** @type {ol.interaction.SegmentDataType} */ ({ feature: feature, geometry: geometry, depth: [j], index: i, segment: segment }); this.rBush_.insert(ol.extent.boundingExtent(segment), segmentData); } } }; /** * @param {ol.Feature} feature Feature * @param {ol.geom.MultiPolygon} geometry Geometry. * @private */ ol.interaction.Modify.prototype.writeMultiPolygonGeometry_ = function(feature, geometry) { var polygons = geometry.getCoordinates(); var coordinates, i, ii, j, jj, k, kk, rings, segment, segmentData; for (k = 0, kk = polygons.length; k < kk; ++k) { rings = polygons[k]; for (j = 0, jj = rings.length; j < jj; ++j) { coordinates = rings[j]; for (i = 0, ii = coordinates.length - 1; i < ii; ++i) { segment = coordinates.slice(i, i + 2); segmentData = /** @type {ol.interaction.SegmentDataType} */ ({ feature: feature, geometry: geometry, depth: [j, k], index: i, segment: segment }); this.rBush_.insert(ol.extent.boundingExtent(segment), segmentData); } } } }; /** * @param {ol.Feature} feature Feature * @param {ol.geom.GeometryCollection} geometry Geometry. * @private */ ol.interaction.Modify.prototype.writeGeometryCollectionGeometry_ = function(feature, geometry) { var i, geometries = geometry.getGeometriesArray(); for (i = 0; i < geometries.length; ++i) { this.SEGMENT_WRITERS_[geometries[i].getType()].call( this, feature, geometries[i]); } }; /** * @param {ol.CollectionEvent} evt Event. * @private */ ol.interaction.Modify.prototype.removeFeature_ = function(evt) { var feature = evt.element; var rBush = this.rBush_; var i, nodesToRemove = []; rBush.forEachInExtent(feature.getGeometry().getExtent(), function(node) { if (feature === node.feature) { nodesToRemove.push(node); } }); for (i = nodesToRemove.length - 1; i >= 0; --i) { rBush.remove(nodesToRemove[i]); } // There remains only vertexFeature… if (!goog.isNull(this.vertexFeature_) && this.features_.getLength() === 0) { this.overlay_.removeFeature(this.vertexFeature_); this.vertexFeature_ = null; } }; /** * @param {ol.Coordinate} coordinates Coordinates. * @return {ol.Feature} Vertex feature. * @private */ ol.interaction.Modify.prototype.createOrUpdateVertexFeature_ = function(coordinates) { var vertexFeature = this.vertexFeature_; if (goog.isNull(vertexFeature)) { vertexFeature = new ol.Feature(new ol.geom.Point(coordinates)); this.vertexFeature_ = vertexFeature; this.overlay_.addFeature(vertexFeature); } else { var geometry = /** @type {ol.geom.Point} */ (vertexFeature.getGeometry()); geometry.setCoordinates(coordinates); } return vertexFeature; }; /** * @inheritDoc */ ol.interaction.Modify.prototype.handleDragStart = function(evt) { this.dragSegments_ = []; var vertexFeature = this.vertexFeature_; if (!goog.isNull(vertexFeature)) { var insertVertices = []; var geometry = /** @type {ol.geom.Point} */ (vertexFeature.getGeometry()); var vertex = geometry.getCoordinates(); var vertexExtent = ol.extent.boundingExtent([vertex]); var segmentDataMatches = []; this.rBush_.forEachInExtent(vertexExtent, function(segmentData) { segmentDataMatches.push(segmentData); }); var distinctFeatures = {}; for (var i = 0, ii = segmentDataMatches.length; i < ii; ++i) { var segmentDataMatch = segmentDataMatches[i]; var segment = segmentDataMatch.segment; if (!(goog.getUid(segmentDataMatch.feature) in distinctFeatures)) { var feature = segmentDataMatch.feature; distinctFeatures[goog.getUid(feature)] = true; } if (ol.coordinate.equals(segment[0], vertex)) { this.dragSegments_.push([segmentDataMatch, 0]); } else if (ol.coordinate.equals(segment[1], vertex)) { this.dragSegments_.push([segmentDataMatch, 1]); } else if (goog.getUid(segment) in this.vertexSegments_) { insertVertices.push([segmentDataMatch, vertex]); } } for (i = insertVertices.length - 1; i >= 0; --i) { this.insertVertex_.apply(this, insertVertices[i]); } } return this.modifiable_; }; /** * @inheritDoc */ ol.interaction.Modify.prototype.handleDrag = function(evt) { var vertex = evt.coordinate; for (var i = 0, ii = this.dragSegments_.length; i < ii; ++i) { var dragSegment = this.dragSegments_[i]; var segmentData = dragSegment[0]; var depth = segmentData.depth; var geometry = segmentData.geometry; var coordinates = geometry.getCoordinates(); var segment = segmentData.segment; var index = dragSegment[1]; switch (geometry.getType()) { case ol.geom.GeometryType.POINT: coordinates = vertex; segment[0] = segment[1] = vertex; break; case ol.geom.GeometryType.MULTI_POINT: coordinates[segmentData.index] = vertex; segment[0] = segment[1] = vertex; break; case ol.geom.GeometryType.LINE_STRING: coordinates[segmentData.index + index] = vertex; segment[index] = vertex; break; case ol.geom.GeometryType.MULTI_LINE_STRING: coordinates[depth[0]][segmentData.index + index] = vertex; segment[index] = vertex; break; case ol.geom.GeometryType.POLYGON: coordinates[depth[0]][segmentData.index + index] = vertex; segment[index] = vertex; break; case ol.geom.GeometryType.MULTI_POLYGON: coordinates[depth[1]][depth[0]][segmentData.index + index] = vertex; segment[index] = vertex; break; } geometry.setCoordinates(coordinates); var newBounds = ol.extent.boundingExtent(segment); this.createOrUpdateVertexFeature_(vertex); this.rBush_.remove(segmentData); this.rBush_.insert(newBounds, segmentData); } }; /** * @inheritDoc */ ol.interaction.Modify.prototype.handleDragEnd = function(evt) { var segmentData; for (var i = this.dragSegments_.length - 1; i >= 0; --i) { segmentData = this.dragSegments_[i][0]; this.rBush_.update(ol.extent.boundingExtent(segmentData.segment), segmentData); } }; /** * @inheritDoc */ ol.interaction.Modify.prototype.handleMapBrowserEvent = function(mapBrowserEvent) { if (!mapBrowserEvent.map.getView().getHints()[ol.ViewHint.INTERACTING] && !this.getDragging() && mapBrowserEvent.type == ol.MapBrowserEvent.EventType.MOUSEMOVE) { this.handleMouseMove_(mapBrowserEvent); } goog.base(this, 'handleMapBrowserEvent', mapBrowserEvent); return !this.modifiable_; }; /** * @param {ol.MapBrowserEvent} evt Event. * @private */ ol.interaction.Modify.prototype.handleMouseMove_ = function(evt) { this.lastPixel_ = evt.pixel; this.handleMouseAtPixel_(evt.pixel, evt.map); }; /** * @param {ol.Pixel} pixel Pixel * @param {ol.Map} map Map. * @private */ ol.interaction.Modify.prototype.handleMouseAtPixel_ = function(pixel, map) { var pixelCoordinate = map.getCoordinateFromPixel(pixel); var sortByDistance = function(a, b) { return ol.coordinate.squaredDistanceToSegment(pixelCoordinate, a.segment) - ol.coordinate.squaredDistanceToSegment(pixelCoordinate, b.segment); }; var lowerLeft = map.getCoordinateFromPixel( [pixel[0] - this.pixelTolerance_, pixel[1] + this.pixelTolerance_]); var upperRight = map.getCoordinateFromPixel( [pixel[0] + this.pixelTolerance_, pixel[1] - this.pixelTolerance_]); var box = ol.extent.boundingExtent([lowerLeft, upperRight]); this.modifiable_ = false; var rBush = this.rBush_; var nodes = rBush.getInExtent(box); if (nodes.length > 0) { nodes.sort(sortByDistance); var node = nodes[0]; var closestSegment = node.segment; var vertex = (ol.coordinate.closestOnSegment(pixelCoordinate, closestSegment)); var vertexPixel = map.getPixelFromCoordinate(vertex); if (Math.sqrt(ol.coordinate.squaredDistance(pixel, vertexPixel)) <= this.pixelTolerance_) { var pixel1 = map.getPixelFromCoordinate(closestSegment[0]); var pixel2 = map.getPixelFromCoordinate(closestSegment[1]); var squaredDist1 = ol.coordinate.squaredDistance(vertexPixel, pixel1); var squaredDist2 = ol.coordinate.squaredDistance(vertexPixel, pixel2); var dist = Math.sqrt(Math.min(squaredDist1, squaredDist2)); if (dist <= 10) { vertex = squaredDist1 > squaredDist2 ? closestSegment[1] : closestSegment[0]; } this.createOrUpdateVertexFeature_(vertex); var vertexSegments = {}; vertexSegments[goog.getUid(closestSegment)] = true; var segment; for (var i = 1, ii = nodes.length; i < ii; ++i) { segment = nodes[i].segment; if ((ol.coordinate.equals(closestSegment[0], segment[0]) && ol.coordinate.equals(closestSegment[1], segment[1]) || (ol.coordinate.equals(closestSegment[0], segment[1]) && ol.coordinate.equals(closestSegment[1], segment[0])))) { vertexSegments[goog.getUid(segment)] = true; } else { break; } } this.vertexSegments_ = vertexSegments; this.modifiable_ = true; return; } } if (!goog.isNull(this.vertexFeature_)) { this.overlay_.removeFeature(this.vertexFeature_); this.vertexFeature_ = null; } }; /** * @param {ol.interaction.SegmentDataType} segmentData Segment data. * @param {ol.Coordinate} vertex Vertex. * @private */ ol.interaction.Modify.prototype.insertVertex_ = function(segmentData, vertex) { var segment = segmentData.segment; var feature = segmentData.feature; var geometry = segmentData.geometry; var depth = segmentData.depth; var index = segmentData.index; var coordinates; switch (geometry.getType()) { case ol.geom.GeometryType.MULTI_LINE_STRING: goog.asserts.assertInstanceof(geometry, ol.geom.MultiLineString); coordinates = geometry.getCoordinates(); coordinates[depth[0]].splice(index + 1, 0, vertex); break; case ol.geom.GeometryType.POLYGON: goog.asserts.assertInstanceof(geometry, ol.geom.Polygon); coordinates = geometry.getCoordinates(); coordinates[depth[0]].splice(index + 1, 0, vertex); break; case ol.geom.GeometryType.MULTI_POLYGON: goog.asserts.assertInstanceof(geometry, ol.geom.MultiPolygon); coordinates = geometry.getCoordinates(); coordinates[depth[1]][depth[0]].splice(index + 1, 0, vertex); break; case ol.geom.GeometryType.LINE_STRING: goog.asserts.assertInstanceof(geometry, ol.geom.LineString); coordinates = geometry.getCoordinates(); coordinates.splice(index + 1, 0, vertex); break; default: return; } geometry.setCoordinates(coordinates); var rTree = this.rBush_; goog.asserts.assert(goog.isDef(segment)); rTree.remove(segmentData); var uid = goog.getUid(feature); var segmentDataMatches = []; this.rBush_.forEachInExtent(geometry.getExtent(), function(segmentData) { if (goog.getUid(segmentData.feature) === uid) { segmentDataMatches.push(segmentData); } }); for (var i = 0, ii = segmentDataMatches.length; i < ii; ++i) { var segmentDataMatch = segmentDataMatches[i]; if (segmentDataMatch.geometry === geometry && (!goog.isDef(depth) || goog.array.equals(segmentDataMatch.depth, depth)) && segmentDataMatch.index > index) { ++segmentDataMatch.index; } } var newSegmentData = /** @type {ol.interaction.SegmentDataType} */ ({ segment: [segment[0], vertex], feature: feature, geometry: geometry, depth: depth, index: index }); rTree.insert(ol.extent.boundingExtent(newSegmentData.segment), newSegmentData); this.dragSegments_.push([newSegmentData, 1]); var newSegmentData2 = /** @type {ol.interaction.SegmentDataType} */ ({ segment: [vertex, segment[1]], feature: feature, geometry: geometry, depth: depth, index: index + 1 }); rTree.insert(ol.extent.boundingExtent(newSegmentData2.segment), newSegmentData2); this.dragSegments_.push([newSegmentData2, 0]); };