import * as ol from 'openlayers'; // Basic type variables for test functions let anyValue: any; let booleanValue: boolean; const canvas: HTMLCanvasElement = new HTMLCanvasElement(); const domEventTarget: EventTarget = new EventTarget(); const fn: () => void = () => {}; const image: HTMLImageElement = new HTMLImageElement(); let jsonValue: JSON; const listener: ol.EventsListenerFunctionType = (evt) => {}; let numberArray: number[] = []; let numberValue: number; let object: { [key: string]: any }; let stringArray: string[]; let stringValue: string; // Callback predefinitions for OpenLayers let coordinateFormatType: ol.CoordinateFormatType; const drawGeometryFunction: ol.DrawGeometryFunctionType = (coords, geo) => new ol.geom.SimpleGeometry(); let easingFunction: (t: number) => number; let featureLoader: ol.FeatureLoader; let featureStyleFunction: ol.FeatureStyleFunction; const preRenderFunction: ol.PreRenderFunction = (map, state) => false; let transformFunction: ol.TransformFunction; drawGeometryFunction([0, 0], new ol.geom.Point([0, 0])); drawGeometryFunction([0, 0]); // Type variables for OpenLayers let attribution: ol.Attribution; const boundingCoordinates: ol.Coordinate[] = []; let circle: ol.geom.Circle; let clusterSource: ol.source.Cluster; let color: ol.Color; let coordinate: ol.Coordinate; let coordinatesArray: ol.Coordinate[]; let coordinatesArrayDim2: ol.Coordinate[][]; const eventKey: ol.EventsKey = {}; const eventKeyArray: ol.EventsKey[] = []; let eventKeyMixed: ol.EventsKey | ol.EventsKey[]; const eventTarget = new ol.events.EventTarget(); let extent: ol.Extent; let feature: ol.Feature; let featureArray: ol.Feature[]; let featureCollection: ol.Collection; const featureFormat = new ol.format.Feature(); const featureUrlFunction: ol.FeatureUrlFunction = (extent, resolution, proj) => stringValue; let geometriesArray: ol.geom.Geometry[]; let geometry: ol.geom.Geometry; let geometryCollection: ol.geom.GeometryCollection; let geometryLayout: ol.geom.GeometryLayout; let geometryType: ol.geom.GeometryType; let graticule: ol.Graticule; const iconAnchorUnits: ol.style.IconAnchorUnits = 'fraction'; const iconOrigin: ol.style.IconOrigin = 'bottom-left'; let linearRing: ol.geom.LinearRing; let lineString: ol.geom.LineString; let loadingStrategy: ol.LoadingStrategy; const logoOptions: ol.olx.LogoOptions = {href: stringValue, src: stringValue}; let map: ol.Map; let multiLineString: ol.geom.MultiLineString; let multiPoint: ol.geom.MultiPoint; let multiPolygon: ol.geom.MultiPolygon; let numberCollection: ol.Collection; const olEvent = new ol.events.Event(stringValue); const pixel: ol.Pixel = [numberValue, numberValue]; let point: ol.geom.Point; let polygon: ol.geom.Polygon; let projection: ol.proj.Projection; const projectionLike: ol.ProjectionLike = stringValue; const simpleGeometry = new ol.geom.SimpleGeometry(); let size: ol.Size; const style = new ol.style.Style(); const styleArray: ol.style.Style[] = []; const styleFunction: ol.StyleFunction = (feature, resolution) => style; let styleRegularShape: ol.style.RegularShape; let styleStroke: ol.style.Stroke; const tilegrid = new ol.tilegrid.TileGrid({resolutions: numberArray}); const transformFn: ol.TransformFunction = (array, out, dimension) => numberArray; let units: ol.proj.Units; let vectorSource: ol.source.Vector; const viewState: ol.olx.ViewState = {center: coordinate, projection, resolution: numberValue, rotation: numberValue}; const frameState: ol.olx.FrameState = {pixelRatio: numberValue, time: numberValue, viewState}; const mapBrowserEvent = new ol.MapBrowserEvent(stringValue, map, event, booleanValue, frameState); // // ol.Attribution // attribution = new ol.Attribution({ html: stringValue, }); // // ol.Collection // let collection = new ol.Collection(); collection = new ol.Collection([]); collection.clear(); numberCollection = collection.extend(numberArray); collection.forEach((item, index, array) => {}); numberArray = collection.getArray(); numberValue = collection.item(numberValue); numberValue = collection.getLength(); collection.insertAt(numberValue, numberValue); numberValue = collection.pop(); numberValue = collection.push(numberValue); numberValue = collection.remove(numberValue); numberValue = collection.removeAt(numberValue); collection.setAt(numberValue, numberValue); // // ol.color // color = [255, 255, 255, 1.0]; color = ol.color.asArray(color); color = ol.color.asArray(stringValue); stringValue = ol.color.asString(color); stringValue = ol.color.asString(stringValue); // // ol.extent // transformFunction = (input: number[]) => { const returnData: number[] = []; return returnData; }; transformFunction = (input: number[], output: number[]) => { const returnData: number[] = []; return returnData; }; transformFunction = (input: number[], output: number[], dimension: number) => { const returnData: number[] = []; return returnData; }; extent = ol.extent.applyTransform(extent, transformFunction); ol.extent.applyTransform(extent, transformFunction, extent); extent = ol.extent.boundingExtent(boundingCoordinates); extent = ol.extent.buffer(extent, numberValue); ol.extent.buffer(extent, numberValue, extent); booleanValue = ol.extent.containsCoordinate(extent, coordinate); booleanValue = ol.extent.containsExtent(extent, extent); booleanValue = ol.extent.containsXY(extent, numberValue, numberValue); extent = ol.extent.createEmpty(); booleanValue = ol.extent.equals(extent, extent); extent = ol.extent.extend(extent, extent); coordinate = ol.extent.getBottomLeft(extent); coordinate = ol.extent.getBottomRight(extent); coordinate = ol.extent.getCenter(extent); numberValue = ol.extent.getHeight(extent); extent = ol.extent.getIntersection(extent, extent); ol.extent.getIntersection(extent, extent, extent); size = ol.extent.getSize(extent); coordinate = ol.extent.getTopLeft(extent); coordinate = ol.extent.getTopRight(extent); numberValue = ol.extent.getWidth(extent); booleanValue = ol.extent.intersects(extent, extent); booleanValue = ol.extent.isEmpty(extent); // // ol.featureloader // featureLoader = ol.featureloader.xhr(stringValue, featureFormat); // // ol.loadingstrategy // loadingStrategy = ol.loadingstrategy.all; loadingStrategy = ol.loadingstrategy.bbox; loadingStrategy = ol.loadingstrategy.tile(tilegrid); // // // ol.geom.Circle // booleanValue = circle.intersectsExtent(extent); circle = circle.transform(projectionLike, projectionLike) as ol.geom.Circle; // // // ol.geom.Geometry // const geometryResult = new ol.geom.Geometry(); coordinate = geometryResult.getClosestPoint(coordinate); geometryResult.getClosestPoint(coordinate, coordinate); extent = geometryResult.getExtent(); geometryResult.getExtent(extent); geometryResult.transform(projectionLike, projectionLike); // // // ol.geom.GeometryCollection // geometryCollection = new ol.geom.GeometryCollection(geometriesArray); geometryCollection = new ol.geom.GeometryCollection(); geometryCollection.applyTransform(transformFn); geometryCollection = geometryCollection.clone(); geometriesArray = geometryCollection.getGeometries(); geometryType = geometryCollection.getType(); booleanValue = geometryCollection.intersectsExtent(extent); geometryCollection.setGeometries(geometriesArray); // // // ol.geom.LinearRing // linearRing = new ol.geom.LinearRing(coordinatesArray); linearRing = new ol.geom.LinearRing(coordinatesArray, geometryLayout); linearRing = linearRing.clone(); numberValue = linearRing.getArea(); coordinatesArray = linearRing.getCoordinates(); geometryType = linearRing.getType(); linearRing.setCoordinates(coordinatesArray); linearRing.setCoordinates(coordinatesArray, geometryLayout); // // // ol.geom.LineString // lineString = new ol.geom.LineString(coordinatesArray); lineString = new ol.geom.LineString(coordinatesArray, geometryLayout); lineString.appendCoordinate(coordinate); lineString = lineString.clone(); coordinate = lineString.getCoordinateAtM(numberValue); coordinate = lineString.getCoordinateAtM(numberValue, booleanValue); coordinatesArray = lineString.getCoordinates(); numberValue = lineString.getLength(); geometryType = lineString.getType(); booleanValue = lineString.intersectsExtent(extent); lineString.setCoordinates(coordinatesArray); lineString.setCoordinates(coordinatesArray, geometryLayout); // // // ol.geom.MultiLineString // let lineStringsArray: ol.geom.LineString[]; multiLineString = new ol.geom.MultiLineString(coordinatesArrayDim2); multiLineString = new ol.geom.MultiLineString(coordinatesArrayDim2, geometryLayout); multiLineString.appendLineString(lineString); multiLineString = multiLineString.clone(); coordinate = multiLineString.getCoordinateAtM(numberValue); coordinate = multiLineString.getCoordinateAtM(numberValue, booleanValue); coordinate = multiLineString.getCoordinateAtM(numberValue, booleanValue, booleanValue); coordinatesArrayDim2 = multiLineString.getCoordinates(); lineString = multiLineString.getLineString(numberValue); lineStringsArray = multiLineString.getLineStrings(); geometryType = multiLineString.getType(); booleanValue = multiLineString.intersectsExtent(extent); multiLineString.setCoordinates(coordinatesArrayDim2); multiLineString.setCoordinates(coordinatesArrayDim2, geometryLayout); // // // ol.geom.MultiPoint // let pointsArray: ol.geom.Point[]; multiPoint = new ol.geom.MultiPoint(coordinatesArray); multiPoint = new ol.geom.MultiPoint(coordinatesArray, geometryLayout); multiPoint.appendPoint(point); multiPoint = multiPoint.clone(); coordinatesArray = multiPoint.getCoordinates(); point = multiPoint.getPoint(numberValue); pointsArray = multiPoint.getPoints(); geometryType = multiPoint.getType(); booleanValue = multiPoint.intersectsExtent(extent); multiPoint.setCoordinates(coordinatesArray); multiPoint.setCoordinates(coordinatesArray, geometryLayout); // // // ol.geom.MultiPolygon // let coordinatesArrayDim3: ol.Coordinate[][][]; let polygonsArray: ol.geom.Polygon[]; multiPolygon = new ol.geom.MultiPolygon(coordinatesArrayDim3); multiPolygon = new ol.geom.MultiPolygon(coordinatesArrayDim3, geometryLayout); multiPolygon.appendPolygon(polygon); multiPolygon = multiPolygon.clone(); numberValue = multiPolygon.getArea(); coordinatesArrayDim3 = multiPolygon.getCoordinates(); coordinatesArrayDim3 = multiPolygon.getCoordinates(booleanValue); multiPoint = multiPolygon.getInteriorPoints(); polygon = multiPolygon.getPolygon(numberValue); polygonsArray = multiPolygon.getPolygons(); geometryType = multiPolygon.getType(); booleanValue = multiPolygon.intersectsExtent(extent); multiPolygon.setCoordinates(coordinatesArrayDim3); multiPolygon.setCoordinates(coordinatesArrayDim3, geometryLayout); // // // ol.geom.Point // point = new ol.geom.Point(coordinate); point = new ol.geom.Point(coordinate, geometryLayout); point = point.clone(); coordinate = point.getCoordinates(); geometryType = point.getType(); booleanValue = point.intersectsExtent(extent); point.setCoordinates(coordinate); point.setCoordinates(coordinate, geometryLayout); // // // ol.geom.Polygon // const localSphere = new ol.Sphere(numberValue); let linearRingsArray: ol.geom.LinearRing[]; polygon = new ol.geom.Polygon(coordinatesArrayDim2); polygon = new ol.geom.Polygon(coordinatesArrayDim2, geometryLayout); polygon = ol.geom.Polygon.circular(localSphere, coordinate, numberValue); polygon = ol.geom.Polygon.circular(localSphere, coordinate, numberValue, numberValue); polygon = ol.geom.Polygon.fromCircle(circle); polygon = ol.geom.Polygon.fromCircle(circle, numberValue); polygon = ol.geom.Polygon.fromCircle(circle, numberValue, numberValue); polygon = ol.geom.Polygon.fromExtent(extent); polygon.appendLinearRing(linearRing); polygon = polygon.clone(); numberValue = polygon.getArea(); coordinatesArrayDim2 = polygon.getCoordinates(); coordinatesArrayDim2 = polygon.getCoordinates(booleanValue); point = polygon.getInteriorPoint(); linearRing = polygon.getLinearRing(numberValue); numberValue = polygon.getLinearRingCount(); linearRingsArray = polygon.getLinearRings(); geometryType = polygon.getType(); booleanValue = polygon.intersectsExtent(extent); polygon.setCoordinates([[coordinate]]); polygon.setCoordinates([[coordinate]], geometryLayout); // // // ol.geom.SimpleGeometry // simpleGeometry.applyTransform(transformFn); coordinate = simpleGeometry.getFirstCoordinate(); coordinate = simpleGeometry.getLastCoordinate(); geometryLayout = simpleGeometry.getLayout(); simpleGeometry.translate(numberValue, numberValue); // // ol.source // const featureCallback = (f: ol.Feature) => anyValue; vectorSource = new ol.source.Vector({ attributions: [attribution], features: featureCollection, format: featureFormat, loader: featureLoader, logo: logoOptions, strategy: loadingStrategy, url: stringValue, useSpatialIndex: booleanValue, wrapX: booleanValue }); vectorSource = new ol.source.Vector({ features: featureArray }); vectorSource = new ol.source.Vector({ url: featureUrlFunction, loader: featureLoader }); vectorSource.addFeature(feature); vectorSource.addFeatures(featureArray); vectorSource.clear(); vectorSource.clear(booleanValue); anyValue = vectorSource.forEachFeature(featureCallback); anyValue = vectorSource.forEachFeature(featureCallback, object); anyValue = vectorSource.forEachFeatureInExtent(extent, featureCallback, object); anyValue = vectorSource.forEachFeatureIntersectingExtent(extent, featureCallback, object); feature = vectorSource.getClosestFeatureToCoordinate(coordinate); extent = vectorSource.getExtent(); feature = vectorSource.getFeatureById(stringValue); feature = vectorSource.getFeatureById(numberValue); featureArray = vectorSource.getFeatures(); featureArray = vectorSource.getFeaturesAtCoordinate(coordinate); featureCollection = vectorSource.getFeaturesCollection(); featureArray = vectorSource.getFeaturesInExtent(extent); vectorSource.removeFeature(feature); clusterSource = new ol.source.Cluster({ source: vectorSource }); numberValue = clusterSource.getDistance(); // // ol.Feature // feature = new ol.Feature(); feature = new ol.Feature(geometry); feature = new ol.Feature({ geometry, a: numberValue, b: stringValue, c: null, d: object }); feature = feature.clone(); geometry = feature.getGeometry(); stringValue = feature.getGeometryName(); const featureGetId: string | number = feature.getId(); const featureGetStyle: ol.style.Style | ol.style.Style[] | ol.FeatureStyleFunction | ol.StyleFunction = feature.getStyle(); featureStyleFunction = feature.getStyleFunction(); feature.setGeometry(geometry); feature.setGeometryName(stringValue); feature.setId(stringValue); feature.setId(numberValue); feature.setStyle(null); feature.setStyle(style); feature.setStyle(styleArray); feature.setStyle(featureStyleFunction); feature.setStyle(styleFunction); feature.setProperties(object); const nullStyleFunction = (feature: (ol.Feature|ol.render.Feature), resolution: number): null => { return null; }; const nullFeatureStyleFunction = (resolution: number): null => { return null; }; feature.setStyle(nullStyleFunction); feature.setStyle(nullFeatureStyleFunction); // // ol.View // let view: ol.View; view = new ol.View(); view = new ol.View({}); view = new ol.View({ center: coordinate, constrainRotation: numberValue, enableRotation: booleanValue, extent, maxResolution: numberValue, minResolution: numberValue, maxZoom: numberValue, minZoom: numberValue, projection: projectionLike, resolution: numberValue, resolutions: [numberValue, numberValue, numberValue, numberValue, numberValue], rotation: numberValue, zoom: numberValue, zoomFactor: numberValue, }); view = new ol.View({ constrainRotation: booleanValue, }); view.animate(); view.animate({}); view.animate({ zoom: view.getZoom() + 1 }); view.animate({ zoom: 10 }, { center: [0, 0] }); view.animate({ center: coordinate, zoom: numberValue, resolution: numberValue, rotation: numberValue, anchor: coordinate, duration: numberValue, easing: easingFunction, }); extent = view.calculateExtent(); extent = view.calculateExtent(size); view.cancelAnimations(); view.centerOn(coordinate, size, pixel); coordinate = view.constrainCenter(); coordinate = view.constrainCenter(coordinate); numberValue = view.constrainResolution(); numberValue = view.constrainResolution(numberValue); numberValue = view.constrainResolution(numberValue, numberValue); numberValue = view.constrainResolution(numberValue, numberValue, numberValue); numberValue = view.constrainRotation(); numberValue = view.constrainRotation(numberValue); numberValue = view.constrainRotation(numberValue, numberValue); view.fit(simpleGeometry); view.fit(simpleGeometry, {}); view.fit(extent); view.fit(extent, {}); view.fit(extent, { callback: () => { } }); view.fit(extent, { callback: (animationCompleted: boolean) => { } }); view.fit(extent, { size, padding: [numberValue, numberValue, numberValue, numberValue], constrainResolution: booleanValue, nearest: booleanValue, minResolution: numberValue, maxZoom: numberValue, duration: numberValue, easing: easingFunction, callback: (animationCompleted: boolean) => { } }); booleanValue = view.getAnimating(); coordinate = view.getCenter(); booleanValue = view.getInteracting(); numberValue = view.getMaxResolution(); numberValue = view.getMaxZoom(); numberValue = view.getMinResolution(); numberValue = view.getMinZoom(); projection = view.getProjection(); numberValue = view.getResolution(); numberValue = view.getResolutionForExtent(extent); numberValue = view.getResolutionForExtent(extent, size); numberValue = view.getResolutionForZoom(numberValue); [numberValue, numberValue, numberValue, numberValue, numberValue] = view.getResolutions(); numberValue = view.getRotation(); numberValue = view.getZoom(); numberValue = view.getZoomForResolution(numberValue); view.rotate(numberValue); view.rotate(numberValue, coordinate); view.setCenter(coordinate); view.setMaxZoom(numberValue); view.setMinZoom(numberValue); view.setResolution(); view.setResolution(numberValue); view.setRotation(numberValue); view.setZoom(numberValue); // // ol.layer.Base // const baseLayer: ol.layer.Base = new ol.layer.Base({ zIndex: 1 }); // // ol.layer.Group // const groupLayer: ol.layer.Group = new ol.layer.Group({ zIndex: 2 }); // // ol.layer.Heatmap // const heatmapLayer: ol.layer.Heatmap = new ol.layer.Heatmap({ source: new ol.source.Vector(), weight: '', zIndex: 1 }); // // ol.layer.Image // const imageLayer: ol.layer.Image = new ol.layer.Image({ source: new ol.source.Image({ projection: '' }), zIndex: 1 }); // // ol.layer.Layer // const layerLayer: ol.layer.Layer = new ol.layer.Layer({ zIndex: 2 }); // // ol.layer.Tile // const tileLayer: ol.layer.Tile = new ol.layer.Tile({ source: new ol.source.OSM(), zIndex: 0 }); // // ol.layer.Vector // const vectorLayerRenderMode: ol.olx.layer.VectorRenderType = 'image'; const vectorLayer: ol.layer.Vector = new ol.layer.Vector({ renderMode: vectorLayerRenderMode, source: new ol.source.Vector(), zIndex: -1 }); vectorLayer.setStyle(nullStyleFunction); vectorLayer.setStyle(null); vectorLayer.setStyle(undefined); // // ol.layer.VectorTile // const vectorTileLayer: ol.layer.VectorTile = new ol.layer.VectorTile({ renderOrder: () => 1, zIndex: 2 }); // // ol.Object // const olObject: ol.Object = new ol.Object({ a: numberValue, b: stringValue, c: booleanValue, d: object, e: fn }); anyValue = olObject.get(stringValue); stringArray = olObject.getKeys(); object = olObject.getProperties(); olObject.set(stringValue, anyValue); olObject.set(stringValue, anyValue, booleanValue); olObject.setProperties(object, booleanValue); olObject.unset(stringValue, booleanValue); // // ol.Observable // ol.Observable.unByKey(eventKey); const observable: ol.Observable = new ol.Observable(); observable.changed(); observable.dispatchEvent({ type: stringValue }); observable.dispatchEvent({ type: stringValue, target: domEventTarget }); observable.dispatchEvent({ type: stringValue, target: eventTarget }); observable.dispatchEvent({ type: stringValue, a: numberValue, b: stringValue, c: booleanValue, d: null, e: {} }); observable.dispatchEvent(olEvent); observable.dispatchEvent(stringValue); numberValue = observable.getRevision(); eventKeyMixed = observable.on(stringValue, listener); eventKeyMixed = observable.on([stringValue, stringValue], listener, {}); eventKeyMixed = observable.once(stringValue, listener); eventKeyMixed = observable.once([stringValue, stringValue], listener, {}); observable.un(stringValue, listener); observable.un([stringValue, stringValue], listener, {}); // // ol.proj // const getPointResolutionFn = (n: number, c: ol.Coordinate) => numberValue; projection = new ol.proj.Projection({ code: stringValue, }); stringValue = projection.getCode(); extent = projection.getExtent(); numberValue = projection.getMetersPerUnit(); numberValue = projection.getPointResolution(numberValue, coordinate); units = projection.getUnits(); extent = projection.getWorldExtent(); booleanValue = projection.isGlobal(); projection.setExtent(extent); projection.setGetPointResolution(getPointResolutionFn); projection.setGlobal(booleanValue); projection.setWorldExtent(extent); units = 'degrees'; units = 'ft'; units = 'm'; units = 'pixels'; units = 'tile-pixels'; units = 'us-ft'; // // ol.Map // map = new ol.Map({ view, layers: [tileLayer], target: stringValue }); numberValue = map.forEachLayerAtPixel(coordinate, (layer, color) => numberValue, anyValue, (layer) => booleanValue, anyValue); // // ol.source.ImageWMS // const imageWMS: ol.source.ImageWMS = new ol.source.ImageWMS({ params: {}, projection, serverType: stringValue, url: stringValue }); // // ol.source.Source // const source = imageWMS as ol.source.Source; projection = source.getProjection(); // // ol.source.TileUTFGrid // const tileJSONValue = JSON; let tileUTFGrid = new ol.source.TileUTFGrid({}); tileUTFGrid = new ol.source.TileUTFGrid({ jsonp: booleanValue, preemptive: booleanValue, tileJSON: tileJSONValue, url: stringValue, }); tileUTFGrid.forDataAtCoordinateAndResolution(coordinate, numberValue, (d) => anyValue, anyValue, booleanValue); // // ol.source.TileWMS // let tileWMS: ol.source.TileWMS = new ol.source.TileWMS({ params: {}, projection, serverType: stringValue, url: stringValue, transition: 0.5 }); // test without projection tileWMS = new ol.source.TileWMS({ params: {}, serverType: stringValue, url: stringValue }); tileWMS.updateParams(tileWMS.getParams()); stringValue = tileWMS.getGetFeatureInfoUrl([0, 0], 1, "EPSG:4326", {}); // // ol.source.WMTS // const wmts: ol.source.WMTS = new ol.source.WMTS({ layer: "", projection, matrixSet: "", style: "", tileGrid: new ol.tilegrid.WMTS({ matrixIds: [], resolutions: [], }), wrapX: true, }); // // ol.source.ImageArcGISRest // const arcGISImageLoadFunction: ol.ImageLoadFunctionType = (image, url) => {}; const imageArcGISRest: ol.source.ImageArcGISRest = new ol.source.ImageArcGISRest({ attributions: [attribution], crossOrigin: stringValue, hidpi: booleanValue, logo: logoOptions, imageLoadFunction: arcGISImageLoadFunction, params: {}, projection: projectionLike, ratio: numberValue, resolutions: [numberValue, numberValue, numberValue, numberValue, numberValue], url: stringValue }); // // ol.coordinate // coordinate = ol.coordinate.add(coordinate, coordinate); coordinateFormatType = ol.coordinate.createStringXY(); coordinateFormatType = ol.coordinate.createStringXY(numberValue); stringValue = ol.coordinate.format(coordinate, stringValue); stringValue = ol.coordinate.format(coordinate, stringValue, numberValue); coordinate = ol.coordinate.rotate(coordinate, numberValue); stringValue = ol.coordinate.toStringHDMS(); stringValue = ol.coordinate.toStringHDMS(coordinate); stringValue = ol.coordinate.toStringHDMS(coordinate, numberValue); stringValue = ol.coordinate.toStringXY(); stringValue = ol.coordinate.toStringXY(coordinate); stringValue = ol.coordinate.toStringXY(coordinate, numberValue); // // ol.easing // easingFunction = ol.easing.easeIn; easingFunction = ol.easing.easeOut; easingFunction = ol.easing.inAndOut; easingFunction = ol.easing.linear; easingFunction = ol.easing.upAndDown; // // ol.Geolocation // const geolocation: ol.Geolocation = new ol.Geolocation({ projection }); coordinate = geolocation.getPosition(); // // ol.Graticule // graticule = new ol.Graticule(); graticule = new ol.Graticule({ map, }); const graticuleMap: ol.Map = graticule.getMap(); const graticuleMeridians: ol.geom.LineString[] = graticule.getMeridians(); const graticuleParallels: ol.geom.LineString[] = graticule.getParallels(); graticule.setMap(graticuleMap); // // ol.DeviceOrientation // const deviceOrientation: ol.DeviceOrientation = new ol.DeviceOrientation({ tracking: true, }); numberValue = deviceOrientation.getHeading(); // // ol.Overlay // const popup: ol.Overlay = new ol.Overlay({ element: document.getElementById('popup') }); map.addOverlay(popup); const popupElement: Element = popup.getElement(); const popupMap: ol.Map = popup.getMap(); const popupOffset: number[] = popup.getOffset(); coordinate = popup.getPosition(); const popupPositioning: ol.OverlayPositioning = popup.getPositioning(); popup.setElement(popupElement); popup.setMap(popupMap); popup.setOffset(popupOffset); popup.setPosition(coordinate); popup.setPosition(undefined); popup.setPositioning(popupPositioning); // // ol.format.GeoJSON // const geojsonOptions: ol.olx.format.GeoJSONOptions = {defaultDataProjection: projectionLike, featureProjection: projectionLike, geometryName: stringValue}; geojsonOptions.defaultDataProjection = "EPSG"; geojsonOptions.defaultDataProjection = projection; geojsonOptions.geometryName = "geom"; let geojsonFormat: ol.format.GeoJSON; geojsonFormat = new ol.format.GeoJSON(); geojsonFormat = new ol.format.GeoJSON(geojsonOptions); // Test options const readOptions: ol.olx.format.ReadOptions = {dataProjection: projectionLike, featureProjection: projectionLike}; readOptions.dataProjection = "EPSG"; readOptions.dataProjection = projection; readOptions.featureProjection = "EPSG"; readOptions.featureProjection = projection; const writeOptions: ol.olx.format.WriteOptions = {dataProjection: projectionLike, featureProjection: projectionLike, rightHanded: booleanValue, decimals: numberValue}; writeOptions.dataProjection = "EPSG"; writeOptions.dataProjection = projection; writeOptions.featureProjection = "EPSG"; writeOptions.featureProjection = projection; writeOptions.rightHanded = false; // Test functions feature = geojsonFormat.readFeature("json"); feature = geojsonFormat.readFeature("json", readOptions); featureArray = geojsonFormat.readFeatures("json"); featureArray = geojsonFormat.readFeatures("json", readOptions); geometry = geojsonFormat.readGeometry("geometry"); geometry = geojsonFormat.readGeometry("geometry", readOptions); stringValue = geojsonFormat.writeFeature(feature); stringValue = geojsonFormat.writeFeature(feature, writeOptions); stringValue = geojsonFormat.writeFeatures(featureArray); stringValue = geojsonFormat.writeFeatures(featureArray, writeOptions); stringValue = geojsonFormat.writeGeometry(geometry); stringValue = geojsonFormat.writeGeometry(geometry, writeOptions); jsonValue = geojsonFormat.writeFeatureObject(feature); jsonValue = geojsonFormat.writeFeatureObject(feature, writeOptions); jsonValue = geojsonFormat.writeFeaturesObject(featureArray); jsonValue = geojsonFormat.writeFeaturesObject(featureArray, writeOptions); jsonValue = geojsonFormat.writeGeometryObject(geometry); jsonValue = geojsonFormat.writeGeometryObject(geometry, writeOptions); // // ol.format.filter // let bboxFilter: ol.format.filter.Bbox; bboxFilter = new ol.format.filter.Bbox("geometry", extent); bboxFilter = new ol.format.filter.Bbox("geometry", extent, "srs"); bboxFilter = ol.format.filter.bbox("geometry", extent); bboxFilter = ol.format.filter.bbox("geometry", extent, "srs"); let equalToFilter: ol.format.filter.EqualTo; equalToFilter = new ol.format.filter.EqualTo("property", "abc"); equalToFilter = new ol.format.filter.EqualTo("property", "abc", true); equalToFilter = new ol.format.filter.EqualTo("property", 123); equalToFilter = new ol.format.filter.EqualTo("property", 123, true); equalToFilter = ol.format.filter.equalTo("property", "abc"); equalToFilter = ol.format.filter.equalTo("property", "abc", true); equalToFilter = ol.format.filter.equalTo("property", 123); equalToFilter = ol.format.filter.equalTo("property", 123, true); let greaterThanFilter: ol.format.filter.GreaterThan; greaterThanFilter = new ol.format.filter.GreaterThan("property", 123); greaterThanFilter = ol.format.filter.greaterThan("property", 123); let greaterThanEqualToFilter: ol.format.filter.GreaterThanOrEqualTo; greaterThanEqualToFilter = new ol.format.filter.GreaterThanOrEqualTo("property", 123); greaterThanEqualToFilter = ol.format.filter.greaterThanOrEqualTo("property", 123); let lessThanFilter: ol.format.filter.LessThan; lessThanFilter = new ol.format.filter.LessThan("property", 123); lessThanFilter = ol.format.filter.lessThan("property", 123); let lessThanEqualToFilter: ol.format.filter.LessThanOrEqualTo; lessThanEqualToFilter = new ol.format.filter.LessThanOrEqualTo("property", 123); lessThanEqualToFilter = ol.format.filter.lessThanOrEqualTo("property", 123); let notEqualToFilter: ol.format.filter.NotEqualTo; notEqualToFilter = new ol.format.filter.NotEqualTo("property", "abc"); notEqualToFilter = new ol.format.filter.NotEqualTo("property", "abc", true); notEqualToFilter = new ol.format.filter.NotEqualTo("property", 123); notEqualToFilter = new ol.format.filter.NotEqualTo("property", 123, true); notEqualToFilter = ol.format.filter.notEqualTo("property", "abc"); notEqualToFilter = ol.format.filter.notEqualTo("property", "abc", true); notEqualToFilter = ol.format.filter.notEqualTo("property", 123); notEqualToFilter = ol.format.filter.notEqualTo("property", 123, true); let duringFilter: ol.format.filter.During; duringFilter = new ol.format.filter.During("property", "2017-01-01T12:00Z", "2017-01-01T14:00Z"); duringFilter = ol.format.filter.during("property", "2017-01-01T12:00Z", "2017-01-01T14:00Z"); let isBetweenFilter: ol.format.filter.IsBetween; isBetweenFilter = new ol.format.filter.IsBetween("property", 1, 10); isBetweenFilter = ol.format.filter.between("property", 1, 10); let isLikeFilter: ol.format.filter.IsLike; isLikeFilter = new ol.format.filter.IsLike("property", "pattern"); isLikeFilter = new ol.format.filter.IsLike("property", "pattern", "wildcard"); isLikeFilter = new ol.format.filter.IsLike("property", "pattern", "wildcard", "s"); isLikeFilter = new ol.format.filter.IsLike("property", "pattern", "wildcard", "s", "e"); isLikeFilter = new ol.format.filter.IsLike("property", "pattern", "wildcard", "s", "e", true); isLikeFilter = ol.format.filter.like("property", "pattern"); isLikeFilter = ol.format.filter.like("property", "pattern", "wildcard"); isLikeFilter = ol.format.filter.like("property", "pattern", "wildcard", "s"); isLikeFilter = ol.format.filter.like("property", "pattern", "wildcard", "s", "e"); isLikeFilter = ol.format.filter.like("property", "pattern", "wildcard", "s", "e", true); let isNullFilter: ol.format.filter.IsNull; isNullFilter = new ol.format.filter.IsNull("property"); isNullFilter = ol.format.filter.isNull("property"); let andFilter: ol.format.filter.And; andFilter = new ol.format.filter.And(isNullFilter, duringFilter); andFilter = ol.format.filter.and(isNullFilter, duringFilter); let orFilter: ol.format.filter.Or; orFilter = new ol.format.filter.Or(isNullFilter, duringFilter); orFilter = ol.format.filter.or(isNullFilter, duringFilter); let notFilter: ol.format.filter.Not; notFilter = new ol.format.filter.Not(isBetweenFilter); notFilter = ol.format.filter.not(isBetweenFilter); let intersectsFilter: ol.format.filter.Intersects; intersectsFilter = new ol.format.filter.Intersects("geometry", geometry); intersectsFilter = new ol.format.filter.Intersects("geometry", geometry, "srs"); intersectsFilter = ol.format.filter.intersects("geometry", geometry); intersectsFilter = ol.format.filter.intersects("geometry", geometry, "srs"); let withinFilter: ol.format.filter.Within; withinFilter = new ol.format.filter.Within("geometry", geometry); withinFilter = new ol.format.filter.Within("geometry", geometry, "srs"); withinFilter = ol.format.filter.within("geometry", geometry); withinFilter = ol.format.filter.within("geometry", geometry, "srs"); // // ol.interactions // const modifyFeature: ol.interaction.Modify = new ol.interaction.Modify({ insertVertexCondition: ol.events.condition.never, features: new ol.Collection(featureArray), }); const modifySource: ol.interaction.Modify = new ol.interaction.Modify({ insertVertexCondition: ol.events.condition.never, source: new ol.source.Vector({ features: new ol.Collection(featureArray), }), }); const dragAndDrop: ol.interaction.DragAndDrop = new ol.interaction.DragAndDrop({ formatConstructors: [ol.format.KML], projection: projectionLike, source: vectorSource, }); const dragAndDropWithUndefined: ol.interaction.DragAndDrop = new ol.interaction.DragAndDrop({ projection: projectionLike, }); let draw: ol.interaction.Draw = new ol.interaction.Draw({ type: "Point", clickTolerance: numberValue, features: new ol.Collection([]), source: vectorSource, snapTolerance: numberValue, maxPoints: numberValue, minPoints: numberValue, style, geometryFunction: drawGeometryFunction, geometryName: stringValue, condition: ol.events.condition.never, freehandCondition: ol.events.condition.never, wrapX: booleanValue, stopClick: booleanValue }); draw = new ol.interaction.Draw({ type: "Point", style: styleArray, stopClick: booleanValue }); draw = new ol.interaction.Draw({ type: "Point", style: styleFunction, stopClick: booleanValue }); const styleFunctionAsStyle = (feature: ol.Feature, resolution: number): ol.style.Style => style; draw = new ol.interaction.Draw({ type: "Point", style: styleFunctionAsStyle, stopClick: booleanValue }); ol.interaction.Draw.createBox(); ol.interaction.Draw.createRegularPolygon(); ol.interaction.Draw.createRegularPolygon(4); ol.interaction.Draw.createRegularPolygon(4, 0); ol.interaction.defaults({ constrainResolution: booleanValue }); const styleFunctionAsArray = (feature: ol.Feature, resolution: number): ol.style.Style[] => styleArray; draw = new ol.interaction.Draw({ type: "Point", style: styleFunctionAsArray, stopClick: booleanValue }); const itExtent = new ol.interaction.Extent({ extent: [10, 10, 20 , 20], boxStyle: style, pixelTolerance: 10, pointerStyle: style, wrapX: true }); itExtent.setMap(map); itExtent.getExtent(); itExtent.setExtent([20, 20, 30, 30]); const dragbox: ol.interaction.DragBox = new ol.interaction.DragBox({ className: stringValue, minArea: 10, condition: ol.events.condition.always, boxEndCondition: (mapBrowserEvent: ol.MapBrowserEvent, startPixel: ol.Pixel, endPixel: ol.Pixel) => { const width: number = endPixel[0] - startPixel[0]; const height: number = endPixel[1] - startPixel[1]; return booleanValue; } }); polygon = dragbox.getGeometry(); const interaction: ol.interaction.Interaction = new ol.interaction.Interaction({ handleEvent: (e: ol.MapBrowserEvent) => { return booleanValue; } }); booleanValue = interaction.getActive(); map = interaction.getMap(); interaction.setActive(true); const select: ol.interaction.Select = new ol.interaction.Select({ layers: (layer: ol.layer.Layer) => true, }); const pinchZoom: ol.interaction.PinchZoom = new ol.interaction.PinchZoom({ constrainResolution: booleanValue, duration: numberValue }); const mouseWheelZoom: ol.interaction.MouseWheelZoom = new ol.interaction.MouseWheelZoom({ constrainResolution: booleanValue, duration: numberValue, timeout: numberValue, useAnchor: booleanValue }); // // ol.style.Icon // const iconWithUndefined = new ol.style.Icon({}); let icon: ol.style.Icon; icon = new ol.style.Icon({ anchor: numberArray, anchorOrigin: iconOrigin, anchorXUnits: iconAnchorUnits, anchorYUnits: iconAnchorUnits, color: stringValue, crossOrigin: stringValue, img: image, offset: numberArray, offsetOrigin: iconOrigin, opacity: numberValue, scale: numberValue, snapToPixel: booleanValue, rotateWithView: booleanValue, rotation: numberValue, size, imgSize: size, src: stringValue, }); icon = new ol.style.Icon({ anchor: numberArray, anchorOrigin: iconOrigin, anchorXUnits: iconAnchorUnits, anchorYUnits: iconAnchorUnits, color, crossOrigin: stringValue, img: canvas, offset: numberArray, offsetOrigin: iconOrigin, opacity: numberValue, scale: numberValue, snapToPixel: booleanValue, rotateWithView: booleanValue, rotation: numberValue, size, imgSize: size, src: stringValue, }); // // ol.style.RegularShape // styleRegularShape = new ol.style.RegularShape({ fill: new ol.style.Fill({ color: 'red' }), points: 4, }); // // ol.style.Stroke // styleStroke = new ol.style.Stroke(); styleStroke.setColor('#FF0000'); styleStroke.setColor('red'); styleStroke.setColor('#CCC'); styleStroke.setColor('rgb(255, 255, 255)'); styleStroke.setColor('rgb(255, 255, 255, 0.7)'); styleStroke.setLineCap('butt'); styleStroke.setLineCap('round'); styleStroke.setLineCap('square'); styleStroke.setLineJoin('bevel'); styleStroke.setLineJoin('round'); styleStroke.setLineJoin('miter'); styleStroke.setLineDash([10, 5]); styleStroke.setLineDashOffset(10); styleStroke.setMiterLimit(20); styleStroke.setWidth(5); const strokeColor: ol.Color|ol.ColorLike = styleStroke.getColor(); const strokeLineCap: string = styleStroke.getLineCap(); const strokeLineJoin: string = styleStroke.getLineJoin(); const strokeLineDash: number[] = styleStroke.getLineDash(); const strokeLineDashOffset: number = styleStroke.getLineDashOffset(); const strokeMiterLimit: number = styleStroke.getMiterLimit(); const strokeWidth: number = styleStroke.getWidth(); // // ol.proj // const value = ol.proj.METERS_PER_UNIT['degrees']; numberValue = ol.Sphere.getArea(geometry, { projection, radius: numberValue, }); numberValue = ol.Sphere.getLength(geometry, { projection, radius: numberValue, });