Simplify import path in examples
To have the same path (starting with `ol/`, without `.js`) as in the documentation. The support was added in the webpack config in #8928
This commit is contained in:
@@ -18,6 +18,7 @@
|
|||||||
"turf": false
|
"turf": false
|
||||||
},
|
},
|
||||||
"rules": {
|
"rules": {
|
||||||
|
"import/no-unresolved": 0,
|
||||||
"no-unused-vars": [2, {"varsIgnorePattern": "^map"}]
|
"no-unused-vars": [2, {"varsIgnorePattern": "^map"}]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
|
|
||||||
const map = new Map({
|
const map = new Map({
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {easeIn, easeOut} from '../src/ol/easing.js';
|
import {easeIn, easeOut} from 'ol/easing';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import {fromLonLat} from '../src/ol/proj.js';
|
import {fromLonLat} from 'ol/proj';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
const london = fromLonLat([-0.12755, 51.507222]);
|
const london = fromLonLat([-0.12755, 51.507222]);
|
||||||
const moscow = fromLonLat([37.6178, 55.7517]);
|
const moscow = fromLonLat([37.6178, 55.7517]);
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {Tile as TileLayer, Image as ImageLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Image as ImageLayer} from 'ol/layer';
|
||||||
import {OSM, ImageArcGISRest} from '../src/ol/source.js';
|
import {OSM, ImageArcGISRest} from 'ol/source';
|
||||||
|
|
||||||
const url = 'https://sampleserver1.arcgisonline.com/ArcGIS/rest/services/' +
|
const url = 'https://sampleserver1.arcgisonline.com/ArcGIS/rest/services/' +
|
||||||
'Specialty/ESRI_StateCityHighway_USA/MapServer';
|
'Specialty/ESRI_StateCityHighway_USA/MapServer';
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import {OSM, TileArcGISRest} from '../src/ol/source.js';
|
import {OSM, TileArcGISRest} from 'ol/source';
|
||||||
|
|
||||||
const url = 'https://sampleserver1.arcgisonline.com/ArcGIS/rest/services/' +
|
const url = 'https://sampleserver1.arcgisonline.com/ArcGIS/rest/services/' +
|
||||||
'Specialty/ESRI_StateCityHighway_USA/MapServer';
|
'Specialty/ESRI_StateCityHighway_USA/MapServer';
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {defaults as defaultControls, Attribution} from '../src/ol/control.js';
|
import {defaults as defaultControls, Attribution} from 'ol/control';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
const attribution = new Attribution({
|
const attribution = new Attribution({
|
||||||
collapsible: false
|
collapsible: false
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import BingMaps from '../src/ol/source/BingMaps.js';
|
import BingMaps from 'ol/source/BingMaps';
|
||||||
|
|
||||||
|
|
||||||
const styles = [
|
const styles = [
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {platformModifierKeyOnly} from '../src/ol/events/condition.js';
|
import {platformModifierKeyOnly} from 'ol/events/condition';
|
||||||
import GeoJSON from '../src/ol/format/GeoJSON.js';
|
import GeoJSON from 'ol/format/GeoJSON';
|
||||||
import {DragBox, Select} from '../src/ol/interaction.js';
|
import {DragBox, Select} from 'ol/interaction';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {OSM, Vector as VectorSource} from '../src/ol/source.js';
|
import {OSM, Vector as VectorSource} from 'ol/source';
|
||||||
|
|
||||||
|
|
||||||
const vectorSource = new VectorSource({
|
const vectorSource = new VectorSource({
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
const map = new Map({
|
const map = new Map({
|
||||||
layers: [
|
layers: [
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import GeoJSON from '../src/ol/format/GeoJSON.js';
|
import GeoJSON from 'ol/format/GeoJSON';
|
||||||
import {DEVICE_PIXEL_RATIO} from '../src/ol/has.js';
|
import {DEVICE_PIXEL_RATIO} from 'ol/has';
|
||||||
import VectorLayer from '../src/ol/layer/Vector.js';
|
import VectorLayer from 'ol/layer/Vector';
|
||||||
import {fromLonLat} from '../src/ol/proj.js';
|
import {fromLonLat} from 'ol/proj';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
import {Fill, Stroke, Style} from '../src/ol/style.js';
|
import {Fill, Stroke, Style} from 'ol/style';
|
||||||
|
|
||||||
const canvas = document.createElement('canvas');
|
const canvas = document.createElement('canvas');
|
||||||
const context = canvas.getContext('2d');
|
const context = canvas.getContext('2d');
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import {OSM, TileDebug} from '../src/ol/source.js';
|
import {OSM, TileDebug} from 'ol/source';
|
||||||
|
|
||||||
|
|
||||||
const map = new Map({
|
const map = new Map({
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import {CartoDB, OSM} from '../src/ol/source.js';
|
import {CartoDB, OSM} from 'ol/source';
|
||||||
|
|
||||||
const mapConfig = {
|
const mapConfig = {
|
||||||
'layers': [{
|
'layers': [{
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import GeoJSON from '../src/ol/format/GeoJSON.js';
|
import GeoJSON from 'ol/format/GeoJSON';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {OSM, Vector as VectorSource} from '../src/ol/source.js';
|
import {OSM, Vector as VectorSource} from 'ol/source';
|
||||||
import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
|
import {Circle as CircleStyle, Fill, Stroke, Style} from 'ol/style';
|
||||||
|
|
||||||
const source = new VectorSource({
|
const source = new VectorSource({
|
||||||
url: 'data/geojson/switzerland.geojson',
|
url: 'data/geojson/switzerland.geojson',
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {OSM, Vector as VectorSource} from '../src/ol/source.js';
|
import {OSM, Vector as VectorSource} from 'ol/source';
|
||||||
import Draw from '../src/ol/interaction/Draw.js';
|
import Draw from 'ol/interaction/Draw';
|
||||||
|
|
||||||
import smooth from 'chaikin-smooth';
|
import smooth from 'chaikin-smooth';
|
||||||
|
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Feature from '../src/ol/Feature.js';
|
import Feature from 'ol/Feature';
|
||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import Point from '../src/ol/geom/Point.js';
|
import Point from 'ol/geom/Point';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {Cluster, OSM, Vector as VectorSource} from '../src/ol/source.js';
|
import {Cluster, OSM, Vector as VectorSource} from 'ol/source';
|
||||||
import {Circle as CircleStyle, Fill, Stroke, Style, Text} from '../src/ol/style.js';
|
import {Circle as CircleStyle, Fill, Stroke, Style, Text} from 'ol/style';
|
||||||
|
|
||||||
|
|
||||||
const distance = document.getElementById('distance');
|
const distance = document.getElementById('distance');
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import ImageLayer from '../src/ol/layer/Image.js';
|
import ImageLayer from 'ol/layer/Image';
|
||||||
import {Raster as RasterSource, Stamen} from '../src/ol/source.js';
|
import {Raster as RasterSource, Stamen} from 'ol/source';
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {defaults as defaultControls, Control} from '../src/ol/control.js';
|
import {defaults as defaultControls, Control} from 'ol/control';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
|
|
||||||
//
|
//
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
import Feature from '../src/ol/Feature.js';
|
import Feature from 'ol/Feature';
|
||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {LineString, Point, Polygon} from '../src/ol/geom.js';
|
import {LineString, Point, Polygon} from 'ol/geom';
|
||||||
import {defaults as defaultInteractions, Pointer as PointerInteraction} from '../src/ol/interaction.js';
|
import {defaults as defaultInteractions, Pointer as PointerInteraction} from 'ol/interaction';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {TileJSON, Vector as VectorSource} from '../src/ol/source.js';
|
import {TileJSON, Vector as VectorSource} from 'ol/source';
|
||||||
import {Fill, Icon, Stroke, Style} from '../src/ol/style.js';
|
import {Fill, Icon, Stroke, Style} from 'ol/style';
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
14
examples/d3.js
vendored
14
examples/d3.js
vendored
@@ -1,10 +1,10 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {getWidth, getCenter} from '../src/ol/extent.js';
|
import {getWidth, getCenter} from 'ol/extent';
|
||||||
import {Layer, Tile as TileLayer} from '../src/ol/layer.js';
|
import {Layer, Tile as TileLayer} from 'ol/layer';
|
||||||
import SourceState from '../src/ol/source/State';
|
import SourceState from 'ol/source/State';
|
||||||
import {fromLonLat, toLonLat} from '../src/ol/proj.js';
|
import {fromLonLat, toLonLat} from 'ol/proj';
|
||||||
import Stamen from '../src/ol/source/Stamen.js';
|
import Stamen from 'ol/source/Stamen';
|
||||||
|
|
||||||
class CanvasLayer extends Layer {
|
class CanvasLayer extends Layer {
|
||||||
|
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import {toRadians} from '../src/ol/math.js';
|
import {toRadians} from 'ol/math';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
const view = new View({
|
const view = new View({
|
||||||
center: [0, 0],
|
center: [0, 0],
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {GPX, GeoJSON, IGC, KML, TopoJSON} from '../src/ol/format.js';
|
import {GPX, GeoJSON, IGC, KML, TopoJSON} from 'ol/format';
|
||||||
import {defaults as defaultInteractions, DragAndDrop} from '../src/ol/interaction.js';
|
import {defaults as defaultInteractions, DragAndDrop} from 'ol/interaction';
|
||||||
import {VectorImage as VectorImageLayer, Tile as TileLayer} from '../src/ol/layer.js';
|
import {VectorImage as VectorImageLayer, Tile as TileLayer} from 'ol/layer';
|
||||||
import {BingMaps, Vector as VectorSource} from '../src/ol/source.js';
|
import {BingMaps, Vector as VectorSource} from 'ol/source';
|
||||||
|
|
||||||
const dragAndDropInteraction = new DragAndDrop({
|
const dragAndDropInteraction = new DragAndDrop({
|
||||||
formatConstructors: [
|
formatConstructors: [
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {GPX, GeoJSON, IGC, KML, TopoJSON} from '../src/ol/format.js';
|
import {GPX, GeoJSON, IGC, KML, TopoJSON} from 'ol/format';
|
||||||
import {defaults as defaultInteractions, DragAndDrop} from '../src/ol/interaction.js';
|
import {defaults as defaultInteractions, DragAndDrop} from 'ol/interaction';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {BingMaps, Vector as VectorSource} from '../src/ol/source.js';
|
import {BingMaps, Vector as VectorSource} from 'ol/source';
|
||||||
|
|
||||||
const dragAndDropInteraction = new DragAndDrop({
|
const dragAndDropInteraction = new DragAndDrop({
|
||||||
formatConstructors: [
|
formatConstructors: [
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {defaults as defaultInteractions, DragRotateAndZoom} from '../src/ol/interaction.js';
|
import {defaults as defaultInteractions, DragRotateAndZoom} from 'ol/interaction';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
|
|
||||||
const map = new Map({
|
const map = new Map({
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {Draw, Modify, Snap} from '../src/ol/interaction.js';
|
import {Draw, Modify, Snap} from 'ol/interaction';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {OSM, Vector as VectorSource} from '../src/ol/source.js';
|
import {OSM, Vector as VectorSource} from 'ol/source';
|
||||||
import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
|
import {Circle as CircleStyle, Fill, Stroke, Style} from 'ol/style';
|
||||||
|
|
||||||
const raster = new TileLayer({
|
const raster = new TileLayer({
|
||||||
source: new OSM()
|
source: new OSM()
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import Draw from '../src/ol/interaction/Draw.js';
|
import Draw from 'ol/interaction/Draw';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {OSM, Vector as VectorSource} from '../src/ol/source.js';
|
import {OSM, Vector as VectorSource} from 'ol/source';
|
||||||
|
|
||||||
const raster = new TileLayer({
|
const raster = new TileLayer({
|
||||||
source: new OSM()
|
source: new OSM()
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import Draw from '../src/ol/interaction/Draw.js';
|
import Draw from 'ol/interaction/Draw';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {OSM, Vector as VectorSource} from '../src/ol/source.js';
|
import {OSM, Vector as VectorSource} from 'ol/source';
|
||||||
|
|
||||||
const raster = new TileLayer({
|
const raster = new TileLayer({
|
||||||
source: new OSM()
|
source: new OSM()
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import Polygon from '../src/ol/geom/Polygon.js';
|
import Polygon from 'ol/geom/Polygon';
|
||||||
import Draw, {createRegularPolygon, createBox} from '../src/ol/interaction/Draw.js';
|
import Draw, {createRegularPolygon, createBox} from 'ol/interaction/Draw';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {OSM, Vector as VectorSource} from '../src/ol/source.js';
|
import {OSM, Vector as VectorSource} from 'ol/source';
|
||||||
|
|
||||||
const raster = new TileLayer({
|
const raster = new TileLayer({
|
||||||
source: new OSM()
|
source: new OSM()
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {MultiPoint, Point} from '../src/ol/geom.js';
|
import {MultiPoint, Point} from 'ol/geom';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
|
import {Circle as CircleStyle, Fill, Stroke, Style} from 'ol/style';
|
||||||
import {getVectorContext} from '../src/ol/render.js';
|
import {getVectorContext} from 'ol/render';
|
||||||
|
|
||||||
const tileLayer = new TileLayer({
|
const tileLayer = new TileLayer({
|
||||||
source: new OSM()
|
source: new OSM()
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {createEmpty, getWidth, getHeight, extend} from '../src/ol/extent.js';
|
import {createEmpty, getWidth, getHeight, extend} from 'ol/extent';
|
||||||
import KML from '../src/ol/format/KML.js';
|
import KML from 'ol/format/KML';
|
||||||
import {defaults as defaultInteractions, Select} from '../src/ol/interaction.js';
|
import {defaults as defaultInteractions, Select} from 'ol/interaction';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {Cluster, Stamen, Vector as VectorSource} from '../src/ol/source.js';
|
import {Cluster, Stamen, Vector as VectorSource} from 'ol/source';
|
||||||
import {Circle as CircleStyle, Fill, RegularShape, Stroke, Style, Text} from '../src/ol/style.js';
|
import {Circle as CircleStyle, Fill, RegularShape, Stroke, Style, Text} from 'ol/style';
|
||||||
|
|
||||||
|
|
||||||
const earthquakeFill = new Fill({
|
const earthquakeFill = new Fill({
|
||||||
|
|||||||
@@ -1,12 +1,12 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import KML from '../src/ol/format/KML.js';
|
import KML from 'ol/format/KML';
|
||||||
import Polygon from '../src/ol/geom/Polygon.js';
|
import Polygon from 'ol/geom/Polygon';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {toContext} from '../src/ol/render.js';
|
import {toContext} from 'ol/render';
|
||||||
import Stamen from '../src/ol/source/Stamen.js';
|
import Stamen from 'ol/source/Stamen';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
import {Fill, Icon, Stroke, Style} from '../src/ol/style.js';
|
import {Fill, Icon, Stroke, Style} from 'ol/style';
|
||||||
|
|
||||||
|
|
||||||
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]];
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {defaults as defaultControls, ScaleLine} from '../src/ol/control.js';
|
import {defaults as defaultControls, ScaleLine} from 'ol/control';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import TileWMS from '../src/ol/source/TileWMS.js';
|
import TileWMS from 'ol/source/TileWMS';
|
||||||
|
|
||||||
|
|
||||||
const layers = [
|
const layers = [
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import GeoJSON from '../src/ol/format/GeoJSON.js';
|
import GeoJSON from 'ol/format/GeoJSON';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {OSM, Vector as VectorSource} from '../src/ol/source.js';
|
import {OSM, Vector as VectorSource} from 'ol/source';
|
||||||
|
|
||||||
const map = new Map({
|
const map = new Map({
|
||||||
layers: [
|
layers: [
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import WKT from '../src/ol/format/WKT.js';
|
import WKT from 'ol/format/WKT';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {OSM, Vector as VectorSource} from '../src/ol/source.js';
|
import {OSM, Vector as VectorSource} from 'ol/source';
|
||||||
|
|
||||||
const raster = new TileLayer({
|
const raster = new TileLayer({
|
||||||
source: new OSM()
|
source: new OSM()
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {platformModifierKeyOnly} from '../src/ol/events/condition.js';
|
import {platformModifierKeyOnly} from 'ol/events/condition';
|
||||||
import GeoJSON from '../src/ol/format/GeoJSON.js';
|
import GeoJSON from 'ol/format/GeoJSON';
|
||||||
import ExtentInteraction from '../src/ol/interaction/Extent.js';
|
import ExtentInteraction from 'ol/interaction/Extent';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {OSM, Vector as VectorSource} from '../src/ol/source.js';
|
import {OSM, Vector as VectorSource} from 'ol/source';
|
||||||
|
|
||||||
const vectorSource = new VectorSource({
|
const vectorSource = new VectorSource({
|
||||||
url: 'data/geojson/countries.geojson',
|
url: 'data/geojson/countries.geojson',
|
||||||
|
|||||||
@@ -1,14 +1,14 @@
|
|||||||
import Feature from '../src/ol/Feature.js';
|
import Feature from 'ol/Feature';
|
||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import {unByKey} from '../src/ol/Observable.js';
|
import {unByKey} from 'ol/Observable';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {easeOut} from '../src/ol/easing.js';
|
import {easeOut} from 'ol/easing';
|
||||||
import Point from '../src/ol/geom/Point.js';
|
import Point from 'ol/geom/Point';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {fromLonLat} from '../src/ol/proj.js';
|
import {fromLonLat} from 'ol/proj';
|
||||||
import {OSM, Vector as VectorSource} from '../src/ol/source.js';
|
import {OSM, Vector as VectorSource} from 'ol/source';
|
||||||
import {Circle as CircleStyle, Stroke, Style} from '../src/ol/style.js';
|
import {Circle as CircleStyle, Stroke, Style} from 'ol/style';
|
||||||
import {getVectorContext} from '../src/ol/render.js';
|
import {getVectorContext} from 'ol/render';
|
||||||
|
|
||||||
const tileLayer = new TileLayer({
|
const tileLayer = new TileLayer({
|
||||||
source: new OSM({
|
source: new OSM({
|
||||||
|
|||||||
@@ -1,13 +1,13 @@
|
|||||||
import Feature from '../src/ol/Feature.js';
|
import Feature from 'ol/Feature';
|
||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import Polyline from '../src/ol/format/Polyline.js';
|
import Polyline from 'ol/format/Polyline';
|
||||||
import Point from '../src/ol/geom/Point.js';
|
import Point from 'ol/geom/Point';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import BingMaps from '../src/ol/source/BingMaps.js';
|
import BingMaps from 'ol/source/BingMaps';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
import {Circle as CircleStyle, Fill, Icon, Stroke, Style} from '../src/ol/style.js';
|
import {Circle as CircleStyle, Fill, Icon, Stroke, Style} from 'ol/style';
|
||||||
import {getVectorContext} from '../src/ol/render.js';
|
import {getVectorContext} from 'ol/render';
|
||||||
|
|
||||||
// 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.
|
||||||
|
|||||||
@@ -1,12 +1,12 @@
|
|||||||
import Feature from '../src/ol/Feature.js';
|
import Feature from 'ol/Feature';
|
||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import LineString from '../src/ol/geom/LineString.js';
|
import LineString from 'ol/geom/LineString';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import Stamen from '../src/ol/source/Stamen.js';
|
import Stamen from 'ol/source/Stamen';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
import {Stroke, Style} from '../src/ol/style.js';
|
import {Stroke, Style} from 'ol/style';
|
||||||
import {getVectorContext} from '../src/ol/render.js';
|
import {getVectorContext} from 'ol/render';
|
||||||
|
|
||||||
const tileLayer = new TileLayer({
|
const tileLayer = new TileLayer({
|
||||||
source: new Stamen({
|
source: new Stamen({
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import Feature from '../src/ol/Feature.js';
|
import Feature from 'ol/Feature';
|
||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import LineString from '../src/ol/geom/LineString.js';
|
import LineString from 'ol/geom/LineString';
|
||||||
import VectorLayer from '../src/ol/layer/Vector.js';
|
import VectorLayer from 'ol/layer/Vector';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
|
|
||||||
const radius = 10e6;
|
const radius = 10e6;
|
||||||
const cos30 = Math.cos(Math.PI / 6);
|
const cos30 = Math.cos(Math.PI / 6);
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {defaults as defaultControls, FullScreen} from '../src/ol/control.js';
|
import {defaults as defaultControls, FullScreen} from 'ol/control';
|
||||||
import {defaults as defaultInteractions, DragRotateAndZoom} from '../src/ol/interaction.js';
|
import {defaults as defaultInteractions, DragRotateAndZoom} from 'ol/interaction';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import BingMaps from '../src/ol/source/BingMaps.js';
|
import BingMaps from 'ol/source/BingMaps';
|
||||||
|
|
||||||
|
|
||||||
const map = new Map({
|
const map = new Map({
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {defaults as defaultControls, FullScreen} from '../src/ol/control.js';
|
import {defaults as defaultControls, FullScreen} from 'ol/control';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
|
|
||||||
const view = new View({
|
const view = new View({
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {defaults as defaultControls, FullScreen} from '../src/ol/control.js';
|
import {defaults as defaultControls, FullScreen} from 'ol/control';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import BingMaps from '../src/ol/source/BingMaps.js';
|
import BingMaps from 'ol/source/BingMaps';
|
||||||
|
|
||||||
|
|
||||||
const view = new View({
|
const view = new View({
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import GeoJSON from '../src/ol/format/GeoJSON.js';
|
import GeoJSON from 'ol/format/GeoJSON';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
import VectorTileSource from '../src/ol/source/VectorTile.js';
|
import VectorTileSource from 'ol/source/VectorTile';
|
||||||
import {Tile as TileLayer, VectorTile as VectorTileLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, VectorTile as VectorTileLayer} from 'ol/layer';
|
||||||
import Projection from '../src/ol/proj/Projection.js';
|
import Projection from 'ol/proj/Projection';
|
||||||
|
|
||||||
|
|
||||||
const replacer = function(key, value) {
|
const replacer = function(key, value) {
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
import Feature from '../src/ol/Feature.js';
|
import Feature from 'ol/Feature';
|
||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import GeoJSON from '../src/ol/format/GeoJSON.js';
|
import GeoJSON from 'ol/format/GeoJSON';
|
||||||
import Circle from '../src/ol/geom/Circle.js';
|
import Circle from 'ol/geom/Circle';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {OSM, Vector as VectorSource} from '../src/ol/source.js';
|
import {OSM, Vector as VectorSource} from 'ol/source';
|
||||||
import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
|
import {Circle as CircleStyle, Fill, Stroke, Style} from 'ol/style';
|
||||||
|
|
||||||
|
|
||||||
const image = new CircleStyle({
|
const image = new CircleStyle({
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
import Geolocation from '../src/ol/Geolocation.js';
|
import Geolocation from 'ol/Geolocation';
|
||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import Overlay from '../src/ol/Overlay.js';
|
import Overlay from 'ol/Overlay';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import LineString from '../src/ol/geom/LineString.js';
|
import LineString from 'ol/geom/LineString';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import {fromLonLat} from '../src/ol/proj.js';
|
import {fromLonLat} from 'ol/proj';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
// creating the view
|
// creating the view
|
||||||
const view = new View({
|
const view = new View({
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
import Feature from '../src/ol/Feature.js';
|
import Feature from 'ol/Feature';
|
||||||
import Geolocation from '../src/ol/Geolocation.js';
|
import Geolocation from 'ol/Geolocation';
|
||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import Point from '../src/ol/geom/Point.js';
|
import Point from 'ol/geom/Point';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {OSM, Vector as VectorSource} from '../src/ol/source.js';
|
import {OSM, Vector as VectorSource} from 'ol/source';
|
||||||
import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
|
import {Circle as CircleStyle, Fill, Stroke, Style} from 'ol/style';
|
||||||
|
|
||||||
const view = new View({
|
const view = new View({
|
||||||
center: [0, 0],
|
center: [0, 0],
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import ImageLayer from '../src/ol/layer/Image.js';
|
import ImageLayer from 'ol/layer/Image';
|
||||||
import ImageWMS from '../src/ol/source/ImageWMS.js';
|
import ImageWMS from 'ol/source/ImageWMS';
|
||||||
|
|
||||||
|
|
||||||
const wmsSource = new ImageWMS({
|
const wmsSource = new ImageWMS({
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import WMSGetFeatureInfo from '../src/ol/format/WMSGetFeatureInfo.js';
|
import WMSGetFeatureInfo from 'ol/format/WMSGetFeatureInfo';
|
||||||
|
|
||||||
fetch('data/wmsgetfeatureinfo/osm-restaurant-hotel.xml').then(function(response) {
|
fetch('data/wmsgetfeatureinfo/osm-restaurant-hotel.xml').then(function(response) {
|
||||||
return response.text();
|
return response.text();
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import TileWMS from '../src/ol/source/TileWMS.js';
|
import TileWMS from 'ol/source/TileWMS';
|
||||||
|
|
||||||
|
|
||||||
const wmsSource = new TileWMS({
|
const wmsSource = new TileWMS({
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import GPX from '../src/ol/format/GPX.js';
|
import GPX from 'ol/format/GPX';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import BingMaps from '../src/ol/source/BingMaps.js';
|
import BingMaps from 'ol/source/BingMaps';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
|
import {Circle as CircleStyle, Fill, Stroke, Style} from 'ol/style';
|
||||||
|
|
||||||
const raster = new TileLayer({
|
const raster = new TileLayer({
|
||||||
source: new BingMaps({
|
source: new BingMaps({
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Graticule from '../src/ol/layer/Graticule.js';
|
import Graticule from 'ol/layer/Graticule';
|
||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import {fromLonLat} from '../src/ol/proj.js';
|
import {fromLonLat} from 'ol/proj';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
import Stroke from '../src/ol/style/Stroke.js';
|
import Stroke from 'ol/style/Stroke';
|
||||||
|
|
||||||
|
|
||||||
const map = new Map({
|
const map = new Map({
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import KML from '../src/ol/format/KML.js';
|
import KML from 'ol/format/KML';
|
||||||
import {Heatmap as HeatmapLayer, Tile as TileLayer} from '../src/ol/layer.js';
|
import {Heatmap as HeatmapLayer, Tile as TileLayer} from 'ol/layer';
|
||||||
import Stamen from '../src/ol/source/Stamen.js';
|
import Stamen from 'ol/source/Stamen';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
|
|
||||||
const blur = document.getElementById('blur');
|
const blur = document.getElementById('blur');
|
||||||
const radius = document.getElementById('radius');
|
const radius = document.getElementById('radius');
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import XYZ from '../src/ol/source/XYZ.js';
|
import XYZ from 'ol/source/XYZ';
|
||||||
|
|
||||||
const appId = 'kDm0Jq1K4Ak7Bwtn8uvk';
|
const appId = 'kDm0Jq1K4Ak7Bwtn8uvk';
|
||||||
const appCode = 'xnmvc4dKZrDfGlvQHXSvwQ';
|
const appCode = 'xnmvc4dKZrDfGlvQHXSvwQ';
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {OSM, Vector as VectorSource} from '../src/ol/source.js';
|
import {OSM, Vector as VectorSource} from 'ol/source';
|
||||||
import Feature from '../src/ol/Feature.js';
|
import Feature from 'ol/Feature';
|
||||||
import LineString from '../src/ol/geom/LineString.js';
|
import LineString from 'ol/geom/LineString';
|
||||||
import {Stroke, Style} from '../src/ol/style.js';
|
import {Stroke, Style} from 'ol/style';
|
||||||
|
|
||||||
const raster = new TileLayer({
|
const raster = new TileLayer({
|
||||||
source: new OSM()
|
source: new OSM()
|
||||||
|
|||||||
@@ -1,12 +1,12 @@
|
|||||||
import Feature from '../src/ol/Feature.js';
|
import Feature from 'ol/Feature';
|
||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import Point from '../src/ol/geom/Point.js';
|
import Point from 'ol/geom/Point';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {fromLonLat} from '../src/ol/proj.js';
|
import {fromLonLat} from 'ol/proj';
|
||||||
import TileJSON from '../src/ol/source/TileJSON.js';
|
import TileJSON from 'ol/source/TileJSON';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
import {Icon, Style} from '../src/ol/style.js';
|
import {Icon, Style} from 'ol/style';
|
||||||
|
|
||||||
|
|
||||||
const rome = new Feature({
|
const rome = new Feature({
|
||||||
|
|||||||
@@ -1,12 +1,12 @@
|
|||||||
import Feature from '../src/ol/Feature.js';
|
import Feature from 'ol/Feature';
|
||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import Point from '../src/ol/geom/Point.js';
|
import Point from 'ol/geom/Point';
|
||||||
import Select from '../src/ol/interaction/Select.js';
|
import Select from 'ol/interaction/Select';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import Stamen from '../src/ol/source/Stamen.js';
|
import Stamen from 'ol/source/Stamen';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
import {Icon, Style} from '../src/ol/style.js';
|
import {Icon, Style} from 'ol/style';
|
||||||
|
|
||||||
|
|
||||||
function createStyle(src, img) {
|
function createStyle(src, img) {
|
||||||
|
|||||||
@@ -1,12 +1,12 @@
|
|||||||
import Feature from '../src/ol/Feature.js';
|
import Feature from 'ol/Feature';
|
||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import Overlay from '../src/ol/Overlay.js';
|
import Overlay from 'ol/Overlay';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import Point from '../src/ol/geom/Point.js';
|
import Point from 'ol/geom/Point';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import TileJSON from '../src/ol/source/TileJSON.js';
|
import TileJSON from 'ol/source/TileJSON';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
import {Icon, Style} from '../src/ol/style.js';
|
import {Icon, Style} from 'ol/style';
|
||||||
|
|
||||||
|
|
||||||
const iconFeature = new Feature({
|
const iconFeature = new Feature({
|
||||||
|
|||||||
@@ -1,13 +1,13 @@
|
|||||||
import Feature from '../src/ol/Feature.js';
|
import Feature from 'ol/Feature';
|
||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import IGC from '../src/ol/format/IGC.js';
|
import IGC from 'ol/format/IGC';
|
||||||
import {LineString, Point} from '../src/ol/geom.js';
|
import {LineString, Point} from 'ol/geom';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import OSM, {ATTRIBUTION} from '../src/ol/source/OSM.js';
|
import OSM, {ATTRIBUTION} from 'ol/source/OSM';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
|
import {Circle as CircleStyle, Fill, Stroke, Style} from 'ol/style';
|
||||||
import {getVectorContext} from '../src/ol/render.js';
|
import {getVectorContext} from 'ol/render';
|
||||||
|
|
||||||
|
|
||||||
const colors = {
|
const colors = {
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import {fromLonLat} from '../src/ol/proj.js';
|
import {fromLonLat} from 'ol/proj';
|
||||||
import BingMaps from '../src/ol/source/BingMaps.js';
|
import BingMaps from 'ol/source/BingMaps';
|
||||||
|
|
||||||
const key = 'As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5';
|
const key = 'As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5';
|
||||||
|
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import ImageLayer from '../src/ol/layer/Image.js';
|
import ImageLayer from 'ol/layer/Image';
|
||||||
import ImageWMS from '../src/ol/source/ImageWMS.js';
|
import ImageWMS from 'ol/source/ImageWMS';
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import GeoJSON from '../src/ol/format/GeoJSON.js';
|
import GeoJSON from 'ol/format/GeoJSON';
|
||||||
import VectorImageLayer from '../src/ol/layer/VectorImage.js';
|
import VectorImageLayer from 'ol/layer/VectorImage';
|
||||||
import VectorLayer from '../src/ol/layer/Vector.js';
|
import VectorLayer from 'ol/layer/Vector';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
import {Fill, Stroke, Style, Text} from '../src/ol/style.js';
|
import {Fill, Stroke, Style, Text} from 'ol/style';
|
||||||
|
|
||||||
|
|
||||||
const style = new Style({
|
const style = new Style({
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {defaults as defaultInteractions} from '../src/ol/interaction.js';
|
import {defaults as defaultInteractions} from 'ol/interaction';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
|
|
||||||
const map = new Map({
|
const map = new Map({
|
||||||
|
|||||||
@@ -1,12 +1,12 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import GeoJSON from '../src/ol/format/GeoJSON.js';
|
import GeoJSON from 'ol/format/GeoJSON';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {fromLonLat} from '../src/ol/proj.js';
|
import {fromLonLat} from 'ol/proj';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
import LinearRing from '../src/ol/geom/LinearRing.js';
|
import LinearRing from 'ol/geom/LinearRing';
|
||||||
import {Point, LineString, Polygon, MultiPoint, MultiLineString, MultiPolygon} from '../src/ol/geom.js';
|
import {Point, LineString, Polygon, MultiPoint, MultiLineString, MultiPolygon} from 'ol/geom';
|
||||||
|
|
||||||
const source = new VectorSource();
|
const source = new VectorSource();
|
||||||
fetch('data/geojson/roads-seoul.geojson').then(function(response) {
|
fetch('data/geojson/roads-seoul.geojson').then(function(response) {
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import KML from '../src/ol/format/KML.js';
|
import KML from 'ol/format/KML';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import Stamen from '../src/ol/source/Stamen.js';
|
import Stamen from 'ol/source/Stamen';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
|
import {Circle as CircleStyle, Fill, Stroke, Style} from 'ol/style';
|
||||||
|
|
||||||
|
|
||||||
const styleCache = {};
|
const styleCache = {};
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import KML from '../src/ol/format/KML.js';
|
import KML from 'ol/format/KML';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import Stamen from '../src/ol/source/Stamen.js';
|
import Stamen from 'ol/source/Stamen';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
import {Fill, Stroke, Style} from '../src/ol/style.js';
|
import {Fill, Stroke, Style} from 'ol/style';
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import KML from '../src/ol/format/KML.js';
|
import KML from 'ol/format/KML';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import BingMaps from '../src/ol/source/BingMaps.js';
|
import BingMaps from 'ol/source/BingMaps';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
|
|
||||||
const raster = new TileLayer({
|
const raster = new TileLayer({
|
||||||
source: new BingMaps({
|
source: new BingMaps({
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
const osm = new TileLayer({
|
const osm = new TileLayer({
|
||||||
source: new OSM()
|
source: new OSM()
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import {transformExtent} from '../src/ol/proj.js';
|
import {transformExtent} from 'ol/proj';
|
||||||
import TileJSON from '../src/ol/source/TileJSON.js';
|
import TileJSON from 'ol/source/TileJSON';
|
||||||
|
|
||||||
function transform(extent) {
|
function transform(extent) {
|
||||||
return transformExtent(extent, 'EPSG:4326', 'EPSG:3857');
|
return transformExtent(extent, 'EPSG:4326', 'EPSG:3857');
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {Group as LayerGroup, Tile as TileLayer} from '../src/ol/layer.js';
|
import {Group as LayerGroup, Tile as TileLayer} from 'ol/layer';
|
||||||
import {fromLonLat} from '../src/ol/proj.js';
|
import {fromLonLat} from 'ol/proj';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
import TileJSON from '../src/ol/source/TileJSON.js';
|
import TileJSON from 'ol/source/TileJSON';
|
||||||
|
|
||||||
const map = new Map({
|
const map = new Map({
|
||||||
layers: [
|
layers: [
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import {fromLonLat} from '../src/ol/proj.js';
|
import {fromLonLat} from 'ol/proj';
|
||||||
import BingMaps from '../src/ol/source/BingMaps.js';
|
import BingMaps from 'ol/source/BingMaps';
|
||||||
|
|
||||||
const key = 'As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5';
|
const key = 'As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5';
|
||||||
|
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import BingMaps from '../src/ol/source/BingMaps.js';
|
import BingMaps from 'ol/source/BingMaps';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
const osm = new TileLayer({
|
const osm = new TileLayer({
|
||||||
source: new OSM()
|
source: new OSM()
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Feature from '../src/ol/Feature.js';
|
import Feature from 'ol/Feature';
|
||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import Point from '../src/ol/geom/Point.js';
|
import Point from 'ol/geom/Point';
|
||||||
import VectorLayer from '../src/ol/layer/Vector.js';
|
import VectorLayer from 'ol/layer/Vector';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
import {Fill, RegularShape, Stroke, Style} from '../src/ol/style.js';
|
import {Fill, RegularShape, Stroke, Style} from 'ol/style';
|
||||||
|
|
||||||
|
|
||||||
const stroke = new Stroke({color: 'black', width: 1});
|
const stroke = new Stroke({color: 'black', width: 1});
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
const source = new OSM();
|
const source = new OSM();
|
||||||
|
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import Point from '../src/ol/geom/Point.js';
|
import Point from 'ol/geom/Point';
|
||||||
import Draw from '../src/ol/interaction/Draw.js';
|
import Draw from 'ol/interaction/Draw';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {OSM, Vector as VectorSource} from '../src/ol/source.js';
|
import {OSM, Vector as VectorSource} from 'ol/source';
|
||||||
import {Icon, Stroke, Style} from '../src/ol/style.js';
|
import {Icon, Stroke, Style} from 'ol/style';
|
||||||
|
|
||||||
const raster = new TileLayer({
|
const raster = new TileLayer({
|
||||||
source: new OSM()
|
source: new OSM()
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import OSM, {ATTRIBUTION} from '../src/ol/source/OSM.js';
|
import OSM, {ATTRIBUTION} from 'ol/source/OSM';
|
||||||
|
|
||||||
|
|
||||||
const openCycleMapLayer = new TileLayer({
|
const openCycleMapLayer = new TileLayer({
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import {fromLonLat} from '../src/ol/proj.js';
|
import {fromLonLat} from 'ol/proj';
|
||||||
import BingMaps from '../src/ol/source/BingMaps.js';
|
import BingMaps from 'ol/source/BingMaps';
|
||||||
import {getRenderPixel} from '../src/ol/render.js';
|
import {getRenderPixel} from 'ol/render';
|
||||||
|
|
||||||
const key = 'As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5';
|
const key = 'As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5';
|
||||||
|
|
||||||
|
|||||||
@@ -1,13 +1,13 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import Layer from '../src/ol/layer/Layer';
|
import Layer from 'ol/layer/Layer';
|
||||||
import {assign} from '../src/ol/obj';
|
import {assign} from 'ol/obj';
|
||||||
import {getTransform} from '../src/ol/proj';
|
import {getTransform} from 'ol/proj';
|
||||||
import SourceState from '../src/ol/source/State';
|
import SourceState from 'ol/source/State';
|
||||||
import {Stroke, Style} from '../src/ol/style.js';
|
import {Stroke, Style} from 'ol/style';
|
||||||
import VectorLayer from '../src/ol/layer/Vector.js';
|
import VectorLayer from 'ol/layer/Vector';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
import GeoJSON from '../src/ol/format/GeoJSON.js';
|
import GeoJSON from 'ol/format/GeoJSON';
|
||||||
|
|
||||||
class Mapbox extends Layer {
|
class Mapbox extends Layer {
|
||||||
|
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import MVT from '../src/ol/format/MVT.js';
|
import MVT from 'ol/format/MVT';
|
||||||
import VectorTileLayer from '../src/ol/layer/VectorTile.js';
|
import VectorTileLayer from 'ol/layer/VectorTile';
|
||||||
import {get as getProjection} from '../src/ol/proj.js';
|
import {get as getProjection} from 'ol/proj';
|
||||||
import VectorTileSource from '../src/ol/source/VectorTile.js';
|
import VectorTileSource from 'ol/source/VectorTile';
|
||||||
import {Fill, Icon, Stroke, Style, Text} from '../src/ol/style.js';
|
import {Fill, Icon, Stroke, Style, Text} from 'ol/style';
|
||||||
import TileGrid from '../src/ol/tilegrid/TileGrid.js';
|
import TileGrid from 'ol/tilegrid/TileGrid';
|
||||||
|
|
||||||
|
|
||||||
const key = 'pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiRk1kMWZaSSJ9.E5BkluenyWQMsBLsuByrmg';
|
const key = 'pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiRk1kMWZaSSJ9.E5BkluenyWQMsBLsuByrmg';
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import MVT from '../src/ol/format/MVT.js';
|
import MVT from 'ol/format/MVT';
|
||||||
import VectorTileLayer from '../src/ol/layer/VectorTile.js';
|
import VectorTileLayer from 'ol/layer/VectorTile';
|
||||||
import VectorTileSource from '../src/ol/source/VectorTile.js';
|
import VectorTileSource from 'ol/source/VectorTile';
|
||||||
import {Fill, Icon, Stroke, Style, Text} from '../src/ol/style.js';
|
import {Fill, Icon, Stroke, Style, Text} from 'ol/style';
|
||||||
|
|
||||||
|
|
||||||
const key = 'pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiRk1kMWZaSSJ9.E5BkluenyWQMsBLsuByrmg';
|
const key = 'pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiRk1kMWZaSSJ9.E5BkluenyWQMsBLsuByrmg';
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import ImageLayer from '../src/ol/layer/Image.js';
|
import ImageLayer from 'ol/layer/Image';
|
||||||
import ImageMapGuide from '../src/ol/source/ImageMapGuide.js';
|
import ImageMapGuide from 'ol/source/ImageMapGuide';
|
||||||
|
|
||||||
const mdf = 'Library://Public/Samples/Sheboygan/Maps/Sheboygan.MapDefinition';
|
const mdf = 'Library://Public/Samples/Sheboygan/Maps/Sheboygan.MapDefinition';
|
||||||
const agentUrl =
|
const agentUrl =
|
||||||
|
|||||||
@@ -1,13 +1,13 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import {unByKey} from '../src/ol/Observable.js';
|
import {unByKey} from 'ol/Observable';
|
||||||
import Overlay from '../src/ol/Overlay.js';
|
import Overlay from 'ol/Overlay';
|
||||||
import {getArea, getLength} from '../src/ol/sphere.js';
|
import {getArea, getLength} from 'ol/sphere';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {LineString, Polygon} from '../src/ol/geom.js';
|
import {LineString, Polygon} from 'ol/geom';
|
||||||
import Draw from '../src/ol/interaction/Draw.js';
|
import Draw from 'ol/interaction/Draw';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {OSM, Vector as VectorSource} from '../src/ol/source.js';
|
import {OSM, Vector as VectorSource} from 'ol/source';
|
||||||
import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
|
import {Circle as CircleStyle, Fill, Stroke, Style} from 'ol/style';
|
||||||
|
|
||||||
|
|
||||||
const raster = new TileLayer({
|
const raster = new TileLayer({
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
import TileJSON from '../src/ol/source/TileJSON.js';
|
import TileJSON from 'ol/source/TileJSON';
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
const viewport = document.getElementById('map');
|
const viewport = document.getElementById('map');
|
||||||
|
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Geolocation from '../src/ol/Geolocation.js';
|
import Geolocation from 'ol/Geolocation';
|
||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import BingMaps from '../src/ol/source/BingMaps.js';
|
import BingMaps from 'ol/source/BingMaps';
|
||||||
|
|
||||||
|
|
||||||
const view = new View({
|
const view = new View({
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import GeoJSON from '../src/ol/format/GeoJSON.js';
|
import GeoJSON from 'ol/format/GeoJSON';
|
||||||
import {defaults as defaultInteractions, Modify, Select} from '../src/ol/interaction.js';
|
import {defaults as defaultInteractions, Modify, Select} from 'ol/interaction';
|
||||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer';
|
||||||
import {OSM, Vector as VectorSource} from '../src/ol/source.js';
|
import {OSM, Vector as VectorSource} from 'ol/source';
|
||||||
|
|
||||||
|
|
||||||
const raster = new TileLayer({
|
const raster = new TileLayer({
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import GeoJSON from '../src/ol/format/GeoJSON.js';
|
import GeoJSON from 'ol/format/GeoJSON';
|
||||||
import {defaults as defaultInteractions, Modify, Select} from '../src/ol/interaction.js';
|
import {defaults as defaultInteractions, Modify, Select} from 'ol/interaction';
|
||||||
import VectorLayer from '../src/ol/layer/Vector.js';
|
import VectorLayer from 'ol/layer/Vector';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
|
import {Circle as CircleStyle, Fill, Stroke, Style} from 'ol/style';
|
||||||
|
|
||||||
|
|
||||||
const styleFunction = (function() {
|
const styleFunction = (function() {
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {defaults as defaultControls} from '../src/ol/control.js';
|
import {defaults as defaultControls} from 'ol/control';
|
||||||
import MousePosition from '../src/ol/control/MousePosition.js';
|
import MousePosition from 'ol/control/MousePosition';
|
||||||
import {createStringXY} from '../src/ol/coordinate.js';
|
import {createStringXY} from 'ol/coordinate';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
const mousePositionControl = new MousePosition({
|
const mousePositionControl = new MousePosition({
|
||||||
coordinateFormat: createStringXY(4),
|
coordinateFormat: createStringXY(4),
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {getBottomLeft, getTopRight} from '../src/ol/extent.js';
|
import {getBottomLeft, getTopRight} from 'ol/extent';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import {toLonLat} from '../src/ol/proj.js';
|
import {toLonLat} from 'ol/proj';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
|
|
||||||
const map = new Map({
|
const map = new Map({
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {defaults as defaultControls, ZoomToExtent} from '../src/ol/control.js';
|
import {defaults as defaultControls, ZoomToExtent} from 'ol/control';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
|
|
||||||
const map = new Map({
|
const map = new Map({
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TopoJSON from '../src/ol/format/TopoJSON.js';
|
import TopoJSON from 'ol/format/TopoJSON';
|
||||||
import VectorTileLayer from '../src/ol/layer/VectorTile.js';
|
import VectorTileLayer from 'ol/layer/VectorTile';
|
||||||
import {fromLonLat} from '../src/ol/proj.js';
|
import {fromLonLat} from 'ol/proj';
|
||||||
import VectorTileSource from '../src/ol/source/VectorTile.js';
|
import VectorTileSource from 'ol/source/VectorTile';
|
||||||
import {Fill, Stroke, Style} from '../src/ol/style.js';
|
import {Fill, Stroke, Style} from 'ol/style';
|
||||||
|
|
||||||
const key = 'vector-tiles-5eJz6JX';
|
const key = 'vector-tiles-5eJz6JX';
|
||||||
|
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import Overlay from '../src/ol/Overlay.js';
|
import Overlay from 'ol/Overlay';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {toStringHDMS} from '../src/ol/coordinate.js';
|
import {toStringHDMS} from 'ol/coordinate';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import {fromLonLat, toLonLat} from '../src/ol/proj.js';
|
import {fromLonLat, toLonLat} from 'ol/proj';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
|
|
||||||
const layer = new TileLayer({
|
const layer = new TileLayer({
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {defaults as defaultControls, OverviewMap} from '../src/ol/control.js';
|
import {defaults as defaultControls, OverviewMap} from 'ol/control';
|
||||||
import {defaults as defaultInteractions, DragRotateAndZoom} from '../src/ol/interaction.js';
|
import {defaults as defaultInteractions, DragRotateAndZoom} from 'ol/interaction';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
|
|
||||||
const overviewMapControl = new OverviewMap({
|
const overviewMapControl = new OverviewMap({
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {defaults as defaultControls, OverviewMap} from '../src/ol/control.js';
|
import {defaults as defaultControls, OverviewMap} from 'ol/control';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
const source = new OSM();
|
const source = new OSM();
|
||||||
const overviewMapControl = new OverviewMap({
|
const overviewMapControl = new OverviewMap({
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
// default zoom, center and rotation
|
// default zoom, center and rotation
|
||||||
let zoom = 2;
|
let zoom = 2;
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {defaults as defaultInteractions, PinchZoom} from '../src/ol/interaction.js';
|
import {defaults as defaultInteractions, PinchZoom} from 'ol/interaction';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import OSM from '../src/ol/source/OSM.js';
|
import OSM from 'ol/source/OSM';
|
||||||
|
|
||||||
|
|
||||||
const map = new Map({
|
const map = new Map({
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import GeoJSON from '../src/ol/format/GeoJSON.js';
|
import GeoJSON from 'ol/format/GeoJSON';
|
||||||
import MultiPoint from '../src/ol/geom/MultiPoint.js';
|
import MultiPoint from 'ol/geom/MultiPoint';
|
||||||
import VectorLayer from '../src/ol/layer/Vector.js';
|
import VectorLayer from 'ol/layer/Vector';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
|
import {Circle as CircleStyle, Fill, Stroke, Style} from 'ol/style';
|
||||||
|
|
||||||
const styles = [
|
const styles = [
|
||||||
/* We are using two different styles for the polygons:
|
/* We are using two different styles for the polygons:
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import Overlay from '../src/ol/Overlay.js';
|
import Overlay from 'ol/Overlay';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {toStringHDMS} from '../src/ol/coordinate.js';
|
import {toStringHDMS} from 'ol/coordinate';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import {toLonLat} from '../src/ol/proj.js';
|
import {toLonLat} from 'ol/proj';
|
||||||
import TileJSON from '../src/ol/source/TileJSON.js';
|
import TileJSON from 'ol/source/TileJSON';
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import TileLayer from '../src/ol/layer/Tile.js';
|
import TileLayer from 'ol/layer/Tile';
|
||||||
import BingMaps from '../src/ol/source/BingMaps.js';
|
import BingMaps from 'ol/source/BingMaps';
|
||||||
|
|
||||||
|
|
||||||
const view = new View({
|
const view = new View({
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {Image as ImageLayer, Tile as TileLayer} from '../src/ol/layer.js';
|
import {Image as ImageLayer, Tile as TileLayer} from 'ol/layer';
|
||||||
import BingMaps from '../src/ol/source/BingMaps.js';
|
import BingMaps from 'ol/source/BingMaps';
|
||||||
import RasterSource from '../src/ol/source/Raster.js';
|
import RasterSource from 'ol/source/Raster';
|
||||||
|
|
||||||
const minVgi = 0;
|
const minVgi = 0;
|
||||||
const maxVgi = 0.25;
|
const maxVgi = 0.25;
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import {Image as ImageLayer, Tile as TileLayer} from '../src/ol/layer.js';
|
import {Image as ImageLayer, Tile as TileLayer} from 'ol/layer';
|
||||||
import {fromLonLat} from '../src/ol/proj.js';
|
import {fromLonLat} from 'ol/proj';
|
||||||
import BingMaps from '../src/ol/source/BingMaps.js';
|
import BingMaps from 'ol/source/BingMaps';
|
||||||
import RasterSource from '../src/ol/source/Raster.js';
|
import RasterSource from 'ol/source/Raster';
|
||||||
|
|
||||||
function growRegion(inputs, data) {
|
function growRegion(inputs, data) {
|
||||||
const image = inputs[0];
|
const image = inputs[0];
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import Feature from '../src/ol/Feature.js';
|
import Feature from 'ol/Feature';
|
||||||
import Map from '../src/ol/Map.js';
|
import Map from 'ol/Map';
|
||||||
import View from '../src/ol/View.js';
|
import View from 'ol/View';
|
||||||
import Point from '../src/ol/geom/Point.js';
|
import Point from 'ol/geom/Point';
|
||||||
import VectorLayer from '../src/ol/layer/Vector.js';
|
import VectorLayer from 'ol/layer/Vector';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from 'ol/source/Vector';
|
||||||
import {Fill, RegularShape, Stroke, Style} from '../src/ol/style.js';
|
import {Fill, RegularShape, Stroke, Style} from 'ol/style';
|
||||||
|
|
||||||
|
|
||||||
const stroke = new Stroke({color: 'black', width: 2});
|
const stroke = new Stroke({color: 'black', width: 2});
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user