ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Re-export style constructors from ol/style

Browse Source
This commit is contained in:
Tim Schaub
2018-04-23 17:55:37 -06:00
parent e28305186c
commit cda0fe6e41
53 changed files with 64 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
examples/blend-modes.js
View File

@@ -4,10 +4,7 @@ import View from '../src/ol/View.js';
import Point from '../src/ol/geom/Point.js'; import Point from '../src/ol/geom/Point.js';
import VectorLayer from '../src/ol/layer/Vector.js'; import VectorLayer from '../src/ol/layer/Vector.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
// Create separate layers for red, green an blue circles. // Create separate layers for red, green an blue circles.

4
examples/canvas-gradient-pattern.js
View File

@@ -6,9 +6,7 @@ import {DEVICE_PIXEL_RATIO} from '../src/ol/has.js';
import VectorLayer from '../src/ol/layer/Vector.js'; import VectorLayer from '../src/ol/layer/Vector.js';
import {fromLonLat} from '../src/ol/proj.js'; import {fromLonLat} from '../src/ol/proj.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import Fill from '../src/ol/style/Fill.js'; import {Fill, Stroke, Style} from '../src/ol/style.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const canvas = document.createElement('canvas'); const canvas = document.createElement('canvas');
const context = canvas.getContext('2d'); const context = canvas.getContext('2d');

5
examples/center.js
View File

@@ -4,10 +4,7 @@ import {defaults as defaultControls} from '../src/ol/control.js';
import GeoJSON from '../src/ol/format/GeoJSON.js'; import GeoJSON from '../src/ol/format/GeoJSON.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import {OSM, Vector as VectorSource} from '../src/ol/source.js'; import {OSM, Vector as VectorSource} from '../src/ol/source.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const source = new VectorSource({ const source = new VectorSource({
url: 'data/geojson/switzerland.geojson', url: 'data/geojson/switzerland.geojson',

6
examples/cluster.js
View File

@@ -4,11 +4,7 @@ import View from '../src/ol/View.js';
import Point from '../src/ol/geom/Point.js'; import Point from '../src/ol/geom/Point.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import {Cluster, OSM, Vector as VectorSource} from '../src/ol/source.js'; import {Cluster, OSM, Vector as VectorSource} from '../src/ol/source.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style, Text} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
import Text from '../src/ol/style/Text.js';
const distance = document.getElementById('distance'); const distance = document.getElementById('distance');

5
examples/custom-interactions.js
View File

@@ -6,10 +6,7 @@ import {LineString, Point, Polygon} from '../src/ol/geom.js';
import {defaults as defaultInteractions, Pointer as PointerInteraction} from '../src/ol/interaction.js'; import {defaults as defaultInteractions, Pointer as PointerInteraction} from '../src/ol/interaction.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import {TileJSON, Vector as VectorSource} from '../src/ol/source.js'; import {TileJSON, Vector as VectorSource} from '../src/ol/source.js';
import Fill from '../src/ol/style/Fill.js'; import {Fill, Icon, Stroke, Style} from '../src/ol/style.js';
import Icon from '../src/ol/style/Icon.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
/** /**

5
examples/drag-and-drop-image-vector.js
View File

@@ -4,10 +4,7 @@ import {GPX, GeoJSON, IGC, KML, TopoJSON} from '../src/ol/format.js';
import {defaults as defaultInteractions, DragAndDrop} from '../src/ol/interaction.js'; import {defaults as defaultInteractions, DragAndDrop} from '../src/ol/interaction.js';
import {Vector as VectorLayer, Tile as TileLayer} from '../src/ol/layer.js'; import {Vector as VectorLayer, Tile as TileLayer} from '../src/ol/layer.js';
import {BingMaps, Vector as VectorSource} from '../src/ol/source.js'; import {BingMaps, Vector as VectorSource} from '../src/ol/source.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const defaultStyle = { const defaultStyle = {

5
examples/drag-and-drop.js
View File

@@ -4,10 +4,7 @@ import {GPX, GeoJSON, IGC, KML, TopoJSON} from '../src/ol/format.js';
import {defaults as defaultInteractions, DragAndDrop} from '../src/ol/interaction.js'; import {defaults as defaultInteractions, DragAndDrop} from '../src/ol/interaction.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import {BingMaps, Vector as VectorSource} from '../src/ol/source.js'; import {BingMaps, Vector as VectorSource} from '../src/ol/source.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const defaultStyle = { const defaultStyle = {

5
examples/draw-and-modify-features.js
View File

@@ -3,10 +3,7 @@ import View from '../src/ol/View.js';
import {Draw, Modify, Snap} from '../src/ol/interaction.js'; import {Draw, Modify, Snap} from '../src/ol/interaction.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import {OSM, Vector as VectorSource} from '../src/ol/source.js'; import {OSM, Vector as VectorSource} from '../src/ol/source.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const raster = new TileLayer({ const raster = new TileLayer({
source: new OSM() source: new OSM()

5
examples/dynamic-data.js
View File

@@ -3,10 +3,7 @@ import View from '../src/ol/View.js';
import {MultiPoint, Point} from '../src/ol/geom.js'; import {MultiPoint, Point} from '../src/ol/geom.js';
import TileLayer from '../src/ol/layer/Tile.js'; import TileLayer from '../src/ol/layer/Tile.js';
import OSM from '../src/ol/source/OSM.js'; import OSM from '../src/ol/source/OSM.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const map = new Map({ const map = new Map({

7
examples/earthquake-clusters.js
View File

@@ -5,12 +5,7 @@ import KML from '../src/ol/format/KML.js';
import {defaults as defaultInteractions, Select} from '../src/ol/interaction.js'; import {defaults as defaultInteractions, Select} from '../src/ol/interaction.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import {Cluster, Stamen, Vector as VectorSource} from '../src/ol/source.js'; import {Cluster, Stamen, Vector as VectorSource} from '../src/ol/source.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, RegularShape, Stroke, Style, Text} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import RegularShape from '../src/ol/style/RegularShape.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
import Text from '../src/ol/style/Text.js';
const earthquakeFill = new Fill({ const earthquakeFill = new Fill({

5
examples/earthquake-custom-symbol.js
View File

@@ -6,10 +6,7 @@ import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import {toContext} from '../src/ol/render.js'; import {toContext} from '../src/ol/render.js';
import Stamen from '../src/ol/source/Stamen.js'; import Stamen from '../src/ol/source/Stamen.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import Fill from '../src/ol/style/Fill.js'; import {Fill, Icon, Stroke, Style} from '../src/ol/style.js';
import Icon from '../src/ol/style/Icon.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const symbol = [[0, 0], [4, 2], [6, 0], [10, 5], [6, 3], [4, 5], [0, 0]]; const symbol = [[0, 0], [4, 2], [6, 0], [10, 5], [6, 3], [4, 5], [0, 0]];

4
examples/feature-animation.js
View File

@@ -8,9 +8,7 @@ import Point from '../src/ol/geom/Point.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import {fromLonLat} from '../src/ol/proj.js'; import {fromLonLat} from '../src/ol/proj.js';
import {OSM, Vector as VectorSource} from '../src/ol/source.js'; import {OSM, Vector as VectorSource} from '../src/ol/source.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Stroke, Style} from '../src/ol/style.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const map = new Map({ const map = new Map({

6
examples/feature-move-animation.js
View File

@@ -6,11 +6,7 @@ import Point from '../src/ol/geom/Point.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import BingMaps from '../src/ol/source/BingMaps.js'; import BingMaps from '../src/ol/source/BingMaps.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Icon, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Icon from '../src/ol/style/Icon.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
// This long string is placed here due to jsFiddle limitations. // This long string is placed here due to jsFiddle limitations.
// It is usually loaded with AJAX. // It is usually loaded with AJAX.

3
examples/flight-animation.js
View File

@@ -6,8 +6,7 @@ import LineString from '../src/ol/geom/LineString.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import Stamen from '../src/ol/source/Stamen.js'; import Stamen from '../src/ol/source/Stamen.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import Stroke from '../src/ol/style/Stroke.js'; import {Stroke, Style} from '../src/ol/style.js';
import Style from '../src/ol/style/Style.js';
const map = new Map({ const map = new Map({
layers: [ layers: [

5
examples/geojson.js
View File

@@ -6,10 +6,7 @@ import GeoJSON from '../src/ol/format/GeoJSON.js';
import Circle from '../src/ol/geom/Circle.js'; import Circle from '../src/ol/geom/Circle.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import {OSM, Vector as VectorSource} from '../src/ol/source.js'; import {OSM, Vector as VectorSource} from '../src/ol/source.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const image = new CircleStyle({ const image = new CircleStyle({

5
examples/geolocation.js
View File

@@ -6,10 +6,7 @@ import {defaults as defaultControls} from '../src/ol/control.js';
import Point from '../src/ol/geom/Point.js'; import Point from '../src/ol/geom/Point.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import {OSM, Vector as VectorSource} from '../src/ol/source.js'; import {OSM, Vector as VectorSource} from '../src/ol/source.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const view = new View({ const view = new View({
center: [0, 0], center: [0, 0],

5
examples/gpx.js
View File

@@ -4,10 +4,7 @@ import GPX from '../src/ol/format/GPX.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import BingMaps from '../src/ol/source/BingMaps.js'; import BingMaps from '../src/ol/source/BingMaps.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const raster = new TileLayer({ const raster = new TileLayer({
source: new BingMaps({ source: new BingMaps({

3
examples/hit-tolerance.js
View File

@@ -4,8 +4,7 @@ import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import {OSM, Vector as VectorSource} from '../src/ol/source.js'; import {OSM, Vector as VectorSource} from '../src/ol/source.js';
import Feature from '../src/ol/Feature.js'; import Feature from '../src/ol/Feature.js';
import LineString from '../src/ol/geom/LineString.js'; import LineString from '../src/ol/geom/LineString.js';
import Style from '../src/ol/style/Style.js'; import {Stroke, Style} from '../src/ol/style.js';
import Stroke from '../src/ol/style/Stroke.js';
const raster = new TileLayer({ const raster = new TileLayer({
source: new OSM() source: new OSM()

3
examples/icon-color.js
View File

@@ -6,8 +6,7 @@ import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import {fromLonLat} from '../src/ol/proj.js'; import {fromLonLat} from '../src/ol/proj.js';
import TileJSON from '../src/ol/source/TileJSON.js'; import TileJSON from '../src/ol/source/TileJSON.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import Icon from '../src/ol/style/Icon.js'; import {Icon, Style} from '../src/ol/style.js';
import Style from '../src/ol/style/Style.js';
const rome = new Feature({ const rome = new Feature({

3
examples/icon-negative.js
View File

@@ -6,8 +6,7 @@ import Select from '../src/ol/interaction/Select.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import Stamen from '../src/ol/source/Stamen.js'; import Stamen from '../src/ol/source/Stamen.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import Icon from '../src/ol/style/Icon.js'; import {Icon, Style} from '../src/ol/style.js';
import Style from '../src/ol/style/Style.js';
function createStyle(src, img) { function createStyle(src, img) {

3
examples/icon-sprite-webgl.js
View File

@@ -4,8 +4,7 @@ import View from '../src/ol/View.js';
import Point from '../src/ol/geom/Point.js'; import Point from '../src/ol/geom/Point.js';
import VectorLayer from '../src/ol/layer/Vector.js'; import VectorLayer from '../src/ol/layer/Vector.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import Icon from '../src/ol/style/Icon.js'; import {Icon, Style} from '../src/ol/style.js';
import Style from '../src/ol/style/Style.js';
const iconInfo = [{ const iconInfo = [{

3
examples/icon.js
View File

@@ -6,8 +6,7 @@ import Point from '../src/ol/geom/Point.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import TileJSON from '../src/ol/source/TileJSON.js'; import TileJSON from '../src/ol/source/TileJSON.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import Icon from '../src/ol/style/Icon.js'; import {Icon, Style} from '../src/ol/style.js';
import Style from '../src/ol/style/Style.js';
const iconFeature = new Feature({ const iconFeature = new Feature({

5
examples/igc.js
View File

@@ -7,10 +7,7 @@ import {LineString, Point} from '../src/ol/geom.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import OSM, {ATTRIBUTION} from '../src/ol/source/OSM.js'; import OSM, {ATTRIBUTION} from '../src/ol/source/OSM.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const colors = { const colors = {

5
examples/image-vector-layer.js
View File

@@ -3,10 +3,7 @@ import View from '../src/ol/View.js';
import GeoJSON from '../src/ol/format/GeoJSON.js'; import GeoJSON from '../src/ol/format/GeoJSON.js';
import VectorLayer from '../src/ol/layer/Vector.js'; import VectorLayer from '../src/ol/layer/Vector.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import Fill from '../src/ol/style/Fill.js'; import {Fill, Stroke, Style, Text} from '../src/ol/style.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
import Text from '../src/ol/style/Text.js';
const style = new Style({ const style = new Style({

5
examples/kml-earthquakes.js
View File

@@ -4,10 +4,7 @@ import KML from '../src/ol/format/KML.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import Stamen from '../src/ol/source/Stamen.js'; import Stamen from '../src/ol/source/Stamen.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const styleCache = {}; const styleCache = {};

4
examples/kml-timezones.js
View File

@@ -4,9 +4,7 @@ import KML from '../src/ol/format/KML.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import Stamen from '../src/ol/source/Stamen.js'; import Stamen from '../src/ol/source/Stamen.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import Fill from '../src/ol/style/Fill.js'; import {Fill, Stroke, Style} from '../src/ol/style.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
/* /*

5
examples/layer-z-index.js
View File

@@ -4,10 +4,7 @@ import View from '../src/ol/View.js';
import Point from '../src/ol/geom/Point.js'; import Point from '../src/ol/geom/Point.js';
import VectorLayer from '../src/ol/layer/Vector.js'; import VectorLayer from '../src/ol/layer/Vector.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import Fill from '../src/ol/style/Fill.js'; import {Fill, RegularShape, Stroke, Style} from '../src/ol/style.js';
import RegularShape from '../src/ol/style/RegularShape.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const stroke = new Stroke({color: 'black', width: 1}); const stroke = new Stroke({color: 'black', width: 1});

4
examples/line-arrows.js
View File

@@ -4,9 +4,7 @@ import Point from '../src/ol/geom/Point.js';
import Draw from '../src/ol/interaction/Draw.js'; import Draw from '../src/ol/interaction/Draw.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import {OSM, Vector as VectorSource} from '../src/ol/source.js'; import {OSM, Vector as VectorSource} from '../src/ol/source.js';
import Icon from '../src/ol/style/Icon.js'; import {Icon, Stroke, Style} from '../src/ol/style.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const raster = new TileLayer({ const raster = new TileLayer({
source: new OSM() source: new OSM()

6
examples/mapbox-vector-tiles-advanced.js
View File

@@ -4,11 +4,7 @@ import MVT from '../src/ol/format/MVT.js';
import VectorTileLayer from '../src/ol/layer/VectorTile.js'; import VectorTileLayer from '../src/ol/layer/VectorTile.js';
import {get as getProjection} from '../src/ol/proj.js'; import {get as getProjection} from '../src/ol/proj.js';
import VectorTileSource from '../src/ol/source/VectorTile.js'; import VectorTileSource from '../src/ol/source/VectorTile.js';
import Fill from '../src/ol/style/Fill.js'; import {Fill, Icon, Stroke, Style, Text} from '../src/ol/style.js';
import Icon from '../src/ol/style/Icon.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
import Text from '../src/ol/style/Text.js';
import TileGrid from '../src/ol/tilegrid/TileGrid.js'; import TileGrid from '../src/ol/tilegrid/TileGrid.js';

6
examples/mapbox-vector-tiles.js
View File

@@ -3,11 +3,7 @@ import View from '../src/ol/View.js';
import MVT from '../src/ol/format/MVT.js'; import MVT from '../src/ol/format/MVT.js';
import VectorTileLayer from '../src/ol/layer/VectorTile.js'; import VectorTileLayer from '../src/ol/layer/VectorTile.js';
import VectorTileSource from '../src/ol/source/VectorTile.js'; import VectorTileSource from '../src/ol/source/VectorTile.js';
import Fill from '../src/ol/style/Fill.js'; import {Fill, Icon, Stroke, Style, Text} from '../src/ol/style.js';
import Icon from '../src/ol/style/Icon.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
import Text from '../src/ol/style/Text.js';
const key = 'pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiRk1kMWZaSSJ9.E5BkluenyWQMsBLsuByrmg'; const key = 'pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiRk1kMWZaSSJ9.E5BkluenyWQMsBLsuByrmg';

5
examples/measure.js
View File

@@ -7,10 +7,7 @@ import {LineString, Polygon} from '../src/ol/geom.js';
import Draw from '../src/ol/interaction/Draw.js'; import Draw from '../src/ol/interaction/Draw.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import {OSM, Vector as VectorSource} from '../src/ol/source.js'; import {OSM, Vector as VectorSource} from '../src/ol/source.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const raster = new TileLayer({ const raster = new TileLayer({

5
examples/modify-test.js
View File

@@ -4,10 +4,7 @@ import GeoJSON from '../src/ol/format/GeoJSON.js';
import {defaults as defaultInteractions, Modify, Select} from '../src/ol/interaction.js'; import {defaults as defaultInteractions, Modify, Select} from '../src/ol/interaction.js';
import VectorLayer from '../src/ol/layer/Vector.js'; import VectorLayer from '../src/ol/layer/Vector.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const styleFunction = (function() { const styleFunction = (function() {

4
examples/osm-vector-tiles.js
View File

@@ -4,9 +4,7 @@ import TopoJSON from '../src/ol/format/TopoJSON.js';
import VectorTileLayer from '../src/ol/layer/VectorTile.js'; import VectorTileLayer from '../src/ol/layer/VectorTile.js';
import {fromLonLat} from '../src/ol/proj.js'; import {fromLonLat} from '../src/ol/proj.js';
import VectorTileSource from '../src/ol/source/VectorTile.js'; import VectorTileSource from '../src/ol/source/VectorTile.js';
import Fill from '../src/ol/style/Fill.js'; import {Fill, Stroke, Style} from '../src/ol/style.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const key = 'vector-tiles-5eJz6JX'; const key = 'vector-tiles-5eJz6JX';

5
examples/polygon-styles.js
View File

@@ -4,10 +4,7 @@ import GeoJSON from '../src/ol/format/GeoJSON.js';
import MultiPoint from '../src/ol/geom/MultiPoint.js'; import MultiPoint from '../src/ol/geom/MultiPoint.js';
import VectorLayer from '../src/ol/layer/Vector.js'; import VectorLayer from '../src/ol/layer/Vector.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const styles = [ const styles = [
/* We are using two different styles for the polygons: /* We are using two different styles for the polygons:

5
examples/regularshape.js
View File

@@ -4,10 +4,7 @@ import View from '../src/ol/View.js';
import Point from '../src/ol/geom/Point.js'; import Point from '../src/ol/geom/Point.js';
import VectorLayer from '../src/ol/layer/Vector.js'; import VectorLayer from '../src/ol/layer/Vector.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import Fill from '../src/ol/style/Fill.js'; import {Fill, RegularShape, Stroke, Style} from '../src/ol/style.js';
import RegularShape from '../src/ol/style/RegularShape.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const stroke = new Stroke({color: 'black', width: 2}); const stroke = new Stroke({color: 'black', width: 2});

5
examples/render-geometry.js
View File

@@ -1,9 +1,6 @@
import {LineString, Point, Polygon} from '../src/ol/geom.js'; import {LineString, Point, Polygon} from '../src/ol/geom.js';
import {toContext} from '../src/ol/render.js'; import {toContext} from '../src/ol/render.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const canvas = document.getElementById('canvas'); const canvas = document.getElementById('canvas');

5
examples/snap.js
View File

@@ -3,10 +3,7 @@ import View from '../src/ol/View.js';
import {Draw, Modify, Select, Snap} from '../src/ol/interaction.js'; import {Draw, Modify, Select, Snap} from '../src/ol/interaction.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import {OSM, Vector as VectorSource} from '../src/ol/source.js'; import {OSM, Vector as VectorSource} from '../src/ol/source.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const raster = new TileLayer({ const raster = new TileLayer({
source: new OSM() source: new OSM()

4
examples/street-labels.js
View File

@@ -5,9 +5,7 @@ import GeoJSON from '../src/ol/format/GeoJSON.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import BingMaps from '../src/ol/source/BingMaps.js'; import BingMaps from '../src/ol/source/BingMaps.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import Fill from '../src/ol/style/Fill.js'; import {Fill, Style, Text} from '../src/ol/style.js';
import Style from '../src/ol/style/Style.js';
import Text from '../src/ol/style/Text.js';
const style = new Style({ const style = new Style({
text: new Text({ text: new Text({

7
examples/symbol-atlas-webgl.js
View File

@@ -4,12 +4,7 @@ import View from '../src/ol/View.js';
import Point from '../src/ol/geom/Point.js'; import Point from '../src/ol/geom/Point.js';
import VectorLayer from '../src/ol/layer/Vector.js'; import VectorLayer from '../src/ol/layer/Vector.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import AtlasManager from '../src/ol/style/AtlasManager.js'; import {AtlasManager, Circle as CircleStyle, Fill, RegularShape, Stroke, Style} from '../src/ol/style.js';
import CircleStyle from '../src/ol/style/Circle.js';
import Fill from '../src/ol/style/Fill.js';
import RegularShape from '../src/ol/style/RegularShape.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const atlasManager = new AtlasManager({ const atlasManager = new AtlasManager({
// we increase the initial size so that all symbols fit into // we increase the initial size so that all symbols fit into

3
examples/synthetic-lines.js
View File

@@ -4,8 +4,7 @@ import View from '../src/ol/View.js';
import LineString from '../src/ol/geom/LineString.js'; import LineString from '../src/ol/geom/LineString.js';
import VectorLayer from '../src/ol/layer/Vector.js'; import VectorLayer from '../src/ol/layer/Vector.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import Stroke from '../src/ol/style/Stroke.js'; import {Stroke, Style} from '../src/ol/style.js';
import Style from '../src/ol/style/Style.js';
const count = 10000; const count = 10000;

5
examples/synthetic-points.js
View File

@@ -4,10 +4,7 @@ import View from '../src/ol/View.js';
import {LineString, Point} from '../src/ol/geom.js'; import {LineString, Point} from '../src/ol/geom.js';
import VectorLayer from '../src/ol/layer/Vector.js'; import VectorLayer from '../src/ol/layer/Vector.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const count = 20000; const count = 20000;

4
examples/topojson.js
View File

@@ -4,9 +4,7 @@ import TopoJSON from '../src/ol/format/TopoJSON.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import TileJSON from '../src/ol/source/TileJSON.js'; import TileJSON from '../src/ol/source/TileJSON.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import Fill from '../src/ol/style/Fill.js'; import {Fill, Stroke, Style} from '../src/ol/style.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
const raster = new TileLayer({ const raster = new TileLayer({

6
examples/topolis.js
View File

@@ -8,11 +8,7 @@ import {Point, LineString, Polygon} from '../src/ol/geom.js';
import {Draw, Snap} from '../src/ol/interaction.js'; import {Draw, Snap} from '../src/ol/interaction.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import {OSM, Vector as VectorSource} from '../src/ol/source.js'; import {OSM, Vector as VectorSource} from '../src/ol/source.js';
import Style from '../src/ol/style/Style.js'; import {Fill, Circle as CircleStyle, Stroke, Style, Text} from '../src/ol/style.js';
import Stroke from '../src/ol/style/Stroke.js';
import Fill from '../src/ol/style/Fill.js';
import CircleStyle from '../src/ol/style/Circle.js';
import Text from '../src/ol/style/Text.js';
import MousePosition from '../src/ol/control/MousePosition.js'; import MousePosition from '../src/ol/control/MousePosition.js';
const raster = new TileLayer({ const raster = new TileLayer({

4
examples/vector-esri.js
View File

@@ -6,9 +6,7 @@ import {tile as tileStrategy} from '../src/ol/loadingstrategy.js';
import {fromLonLat} from '../src/ol/proj.js'; import {fromLonLat} from '../src/ol/proj.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import XYZ from '../src/ol/source/XYZ.js'; import XYZ from '../src/ol/source/XYZ.js';
import Fill from '../src/ol/style/Fill.js'; import {Fill, Stroke, Style} from '../src/ol/style.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
import {createXYZ} from '../src/ol/tilegrid.js'; import {createXYZ} from '../src/ol/tilegrid.js';

5
examples/vector-label-decluttering.js
View File

@@ -4,10 +4,7 @@ import {getWidth} from '../src/ol/extent.js';
import GeoJSON from '../src/ol/format/GeoJSON.js'; import GeoJSON from '../src/ol/format/GeoJSON.js';
import VectorLayer from '../src/ol/layer/Vector.js'; import VectorLayer from '../src/ol/layer/Vector.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import Fill from '../src/ol/style/Fill.js'; import {Fill, Stroke, Style, Text} from '../src/ol/style.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
import Text from '../src/ol/style/Text.js';
const map = new Map({ const map = new Map({
target: 'map', target: 'map',

6
examples/vector-labels.js
View File

@@ -3,11 +3,7 @@ import View from '../src/ol/View.js';
import GeoJSON from '../src/ol/format/GeoJSON.js'; import GeoJSON from '../src/ol/format/GeoJSON.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import {OSM, Vector as VectorSource} from '../src/ol/source.js'; import {OSM, Vector as VectorSource} from '../src/ol/source.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style, Text} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
import Text from '../src/ol/style/Text.js';
let openSansAdded = false; let openSansAdded = false;

5
examples/vector-layer.js
View File

@@ -3,10 +3,7 @@ import View from '../src/ol/View.js';
import GeoJSON from '../src/ol/format/GeoJSON.js'; import GeoJSON from '../src/ol/format/GeoJSON.js';
import VectorLayer from '../src/ol/layer/Vector.js'; import VectorLayer from '../src/ol/layer/Vector.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import Fill from '../src/ol/style/Fill.js'; import {Fill, Stroke, Style, Text} from '../src/ol/style.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
import Text from '../src/ol/style/Text.js';
const style = new Style({ const style = new Style({

5
examples/vector-osm.js
View File

@@ -7,10 +7,7 @@ import {bbox as bboxStrategy} from '../src/ol/loadingstrategy.js';
import {transformExtent} from '../src/ol/proj.js'; import {transformExtent} from '../src/ol/proj.js';
import BingMaps from '../src/ol/source/BingMaps.js'; import BingMaps from '../src/ol/source/BingMaps.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import CircleStyle from '../src/ol/style/Circle.js'; import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
import Style from '../src/ol/style/Style.js';
let map = null; let map = null;

4
examples/vector-tile-selection.js
View File

@@ -3,9 +3,7 @@ import View from '../src/ol/View.js';
import MVT from '../src/ol/format/MVT.js'; import MVT from '../src/ol/format/MVT.js';
import VectorTileLayer from '../src/ol/layer/VectorTile.js'; import VectorTileLayer from '../src/ol/layer/VectorTile.js';
import VectorTileSource from '../src/ol/source/VectorTile.js'; import VectorTileSource from '../src/ol/source/VectorTile.js';
import Style from '../src/ol/style/Style.js'; import {Fill, Stroke, Style} from '../src/ol/style.js';
import Fill from '../src/ol/style/Fill.js';
import Stroke from '../src/ol/style/Stroke.js';
// lookup for selection objects // lookup for selection objects
let selection = {}; let selection = {};

3
examples/vector-wfs-getfeature.js
View File

@@ -9,8 +9,7 @@ import {WFS, GeoJSON} from '../src/ol/format.js';
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import BingMaps from '../src/ol/source/BingMaps.js'; import BingMaps from '../src/ol/source/BingMaps.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import Stroke from '../src/ol/style/Stroke.js'; import {Stroke, Style} from '../src/ol/style.js';
import Style from '../src/ol/style/Style.js';
const vectorSource = new VectorSource(); const vectorSource = new VectorSource();

3
examples/vector-wfs.js
View File

@@ -5,8 +5,7 @@ import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
import {bbox as bboxStrategy} from '../src/ol/loadingstrategy.js'; import {bbox as bboxStrategy} from '../src/ol/loadingstrategy.js';
import BingMaps from '../src/ol/source/BingMaps.js'; import BingMaps from '../src/ol/source/BingMaps.js';
import VectorSource from '../src/ol/source/Vector.js'; import VectorSource from '../src/ol/source/Vector.js';
import Stroke from '../src/ol/style/Stroke.js'; import {Stroke, Style} from '../src/ol/style.js';
import Style from '../src/ol/style/Style.js';
const vectorSource = new VectorSource({ const vectorSource = new VectorSource({

2
src/ol/renderer/Map.js
View File

@@ -9,7 +9,7 @@ import {getWidth} from '../extent.js';
import {TRUE, UNDEFINED} from '../functions.js'; import {TRUE, UNDEFINED} from '../functions.js';
import {visibleAtResolution} from '../layer/Layer.js'; import {visibleAtResolution} from '../layer/Layer.js';
import {shared as iconImageCache} from '../style/IconImageCache.js'; import {shared as iconImageCache} from '../style/IconImageCache.js';
import {compose as composeTransform, invert as invertTransform, setFromArray as transformSetFromArray} from '../transform.js'; import IconImageCache from '../style/IconImageCache.js'; import {compose as composeTransform, invert as invertTransform, setFromArray as transformSetFromArray} from '../transform.js';
/** /**

12
src/ol/style.js
View File

@@ -13,3 +13,15 @@
* (module:ol/style/Style~Style|Array.<module:ol/style/Style~Style>)} StyleFunction * (module:ol/style/Style~Style|Array.<module:ol/style/Style~Style>)} StyleFunction
* @api * @api
*/ */
export {default as Atlas} from './style/Atlas.js';
export {default as AtlasManager} from './style/AtlasManager.js';
export {default as Circle} from './style/Circle.js';
export {default as Fill} from './style/Fill.js';
export {default as Icon} from './style/Icon.js';
export {default as IconImage} from './style/IconImage.js';
export {default as Image} from './style/Image.js';
export {default as RegularShape} from './style/RegularShape.js';
export {default as Stroke} from './style/Stroke.js';
export {default as Style} from './style/Style.js';
export {default as Text} from './style/Text.js';