diff --git a/old/examples/modify-features.html b/old/examples/modify-features.html deleted file mode 100644 index 26a5a698e0..0000000000 --- a/old/examples/modify-features.html +++ /dev/null @@ -1,50 +0,0 @@ - - - - - - - - - - - Modify features example - - - -
-
-
- OpenLayers 3 Examples -
-
-
- -
- -
-
-
-
-
- -
- -
-

Modify features example

-

Example of using the Modify interaction. Select a feature and drag the circle that appears when the cursor gets close to the selected geometry.

-
-

See the modify-features.js source to see how this is done.

-
-
modify, edit, vector
-
- -
- -
- - - - - - diff --git a/old/examples/modify-features.js b/old/examples/modify-features.js deleted file mode 100644 index e74c19ef5f..0000000000 --- a/old/examples/modify-features.js +++ /dev/null @@ -1,108 +0,0 @@ -goog.require('ol.Map'); -goog.require('ol.RendererHint'); -goog.require('ol.View2D'); -goog.require('ol.interaction'); -goog.require('ol.interaction.Modify'); -goog.require('ol.interaction.Select'); -goog.require('ol.layer.Tile'); -goog.require('ol.layer.Vector'); -goog.require('ol.parser.ogc.GML_v3'); -goog.require('ol.source.MapQuest'); -goog.require('ol.source.Vector'); -goog.require('ol.style.Fill'); -goog.require('ol.style.Rule'); -goog.require('ol.style.Shape'); -goog.require('ol.style.Stroke'); -goog.require('ol.style.Style'); - -var raster = new ol.layer.Tile({ - source: new ol.source.MapQuest({layer: 'sat'}) -}); - -var vector = new ol.layer.Vector({ - id: 'vector', - source: new ol.source.Vector({ - parser: new ol.parser.ogc.GML_v3(), - url: 'data/gml/topp-states-wfs.xml' - }), - style: new ol.style.Style({ - rules: [ - new ol.style.Rule({ - filter: 'renderIntent("selected")', - symbolizers: [ - new ol.style.Fill({ - color: '#ffffff', - opacity: 0.2 - }), - new ol.style.Stroke({ - color: 'white', - width: 5 - }), - new ol.style.Stroke({ - color: '#0099ff', - width: 3 - }) - ] - }), - new ol.style.Rule({ - filter: 'renderIntent("temporary")', - symbolizers: [ - new ol.style.Shape({ - fill: new ol.style.Fill({ - color: '#0099ff', - opacity: 1 - }), - stroke: new ol.style.Stroke({ - color: 'white', - opacity: 0.75 - }), - size: 14, - zIndex: 1 - }) - ] - }), - new ol.style.Rule({ - filter: 'renderIntent("future")', - symbolizers: [ - new ol.style.Shape({ - fill: new ol.style.Fill({ - color: '#00ff33', - opacity: 1 - }), - stroke: new ol.style.Stroke({ - color: 'white', - opacity: 0.75 - }), - size: 14, - zIndex: 1 - }) - ] - }) - ], - symbolizers: [ - new ol.style.Fill({ - color: '#ffffff', - opacity: 0.1 - }), - new ol.style.Stroke({ - color: '#ffcc33', - width: 2 - }) - ] - }) -}); - -var select = new ol.interaction.Select(); - -var modify = new ol.interaction.Modify(); - -var map = new ol.Map({ - interactions: ol.interaction.defaults().extend([select, modify]), - layers: [raster, vector], - renderer: ol.RendererHint.CANVAS, - target: 'map', - view: new ol.View2D({ - center: [-11000000, 4600000], - zoom: 4 - }) -});