mirror of
https://github.com/wassname/DefinitelyTyped.git
synced 2026-09-09 11:13:57 +08:00
Implemented ol.easing, ol.format.geojson, ol.geometry.Geometry, ol.coordinate and ol.extent
This commit is contained in:
woutergd
+248
-42
@@ -1,63 +1,216 @@
|
||||
/// <reference path="openlayers.d.ts" />
|
||||
|
||||
// Attribution
|
||||
// Basic type variables for test functions
|
||||
var voidValue: void;
|
||||
var numberValue: number;
|
||||
var booleanValue: boolean;
|
||||
var stringValue: string;
|
||||
var jsonValue: JSON;
|
||||
|
||||
// Callback predefinitions for OpenLayers
|
||||
var preRenderFunction: ol.PreRenderFunction;
|
||||
var transformFunction: ol.TransformFunction;
|
||||
var coordinateFormatType: ol.CoordinateFormatType;
|
||||
var featureStyleFunction: ol.FeatureStyleFunction;
|
||||
var easingFunction: (t: number) => number;
|
||||
|
||||
// Type variables for OpenLayers
|
||||
var coordinate: ol.Coordinate;
|
||||
var extent: ol.Extent;
|
||||
var boundingCoordinates: Array<ol.Coordinate>;
|
||||
var size: ol.Size;
|
||||
var style: ol.style.Style;
|
||||
var styleArray: Array<ol.style.Style>;
|
||||
var feature: ol.Feature;
|
||||
var featureArray: Array<ol.Feature>;
|
||||
var geometry: ol.geom.Geometry;
|
||||
var feature: ol.Feature;
|
||||
var featureArray: Array<ol.Feature>;
|
||||
var geometry: ol.geom.Geometry;
|
||||
|
||||
//
|
||||
// ol.Attribution
|
||||
//
|
||||
|
||||
var attribution: ol.Attribution = new ol.Attribution({
|
||||
html: "",
|
||||
html: stringValue,
|
||||
});
|
||||
|
||||
// View
|
||||
//
|
||||
// ol.extent
|
||||
//
|
||||
transformFunction = function (input: number[]) {
|
||||
var returnData: number[];
|
||||
return returnData;
|
||||
};
|
||||
transformFunction = function (input: number[], output: number[]) {
|
||||
var returnData: number[];
|
||||
return returnData;
|
||||
};
|
||||
transformFunction = function (input: number[], output: number[], dimension: number) {
|
||||
var 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.geom.Geometry
|
||||
//
|
||||
|
||||
var geometryResult: ol.geom.Geometry;
|
||||
coordinate = geometryResult.getClosestPoint(coordinate);
|
||||
geometryResult.getClosestPoint(coordinate, coordinate);
|
||||
extent = geometryResult.getExtent();
|
||||
geometryResult.getExtent(extent);
|
||||
|
||||
//
|
||||
// ol.Feature
|
||||
//
|
||||
feature = new ol.Feature();
|
||||
feature = new ol.Feature(geometry);
|
||||
feature = new ol.Feature({
|
||||
geometry: geometry
|
||||
});
|
||||
feature = feature.clone();
|
||||
geometry = feature.getGeometry();
|
||||
stringValue = feature.getGeometryName();
|
||||
var featureGetId: string | number = feature.getId();
|
||||
var featureGetStyle: ol.style.Style | Array<ol.style.Style> | ol.FeatureStyleFunction = feature.getStyle();
|
||||
featureStyleFunction = feature.getStyleFunction();
|
||||
voidValue = feature.setGeometry(geometry);
|
||||
voidValue = feature.setGeometryName(stringValue);
|
||||
voidValue = feature.setId(stringValue);
|
||||
voidValue = feature.setId(numberValue);
|
||||
voidValue = feature.setStyle(style);
|
||||
voidValue = feature.setStyle(styleArray);
|
||||
voidValue = feature.setStyle(featureStyleFunction);
|
||||
|
||||
//
|
||||
// ol.View
|
||||
//
|
||||
|
||||
var view: ol.View = new ol.View({
|
||||
center: [0, 0],
|
||||
zoom: 1,
|
||||
zoom: numberValue,
|
||||
});
|
||||
|
||||
// Tile layer
|
||||
//
|
||||
// ol.layer.Tile
|
||||
//
|
||||
var tileLayer: ol.layer.Tile = new ol.layer.Tile({
|
||||
source: new ol.source.MapQuest({ layer: 'osm' })
|
||||
});
|
||||
|
||||
// Map
|
||||
//
|
||||
// ol.proj
|
||||
//
|
||||
var projection: ol.proj.Projection;
|
||||
|
||||
//
|
||||
// ol.Map
|
||||
//
|
||||
|
||||
var map: ol.Map = new ol.Map({
|
||||
view: view,
|
||||
layers: [ tileLayer ],
|
||||
target: 'map'
|
||||
layers: [tileLayer],
|
||||
target: stringValue
|
||||
});
|
||||
map.beforeRender(preRenderFunction);
|
||||
|
||||
// Animation
|
||||
var bounce = ol.animation.bounce({
|
||||
resolution: map.getView().getResolution(),
|
||||
duration: 1000,
|
||||
start: 0,
|
||||
});
|
||||
var pam = ol.animation.pan({
|
||||
duration: 1000,
|
||||
start: 0,
|
||||
source: [0, 0]
|
||||
});
|
||||
var rotate = ol.animation.rotate({
|
||||
duration: 1000,
|
||||
start: 0,
|
||||
anchor: [0, 0],
|
||||
resolution: map.getView().getResolution()
|
||||
});
|
||||
var zoom = ol.animation.zoom({
|
||||
duration: 1000,
|
||||
start: 0,
|
||||
resolution: map.getView().getResolution()
|
||||
});
|
||||
map.beforeRender(zoom);
|
||||
map.getView().setResolution(map.getView().getResolution() * 2);
|
||||
//
|
||||
// ol.animation
|
||||
//
|
||||
var bounceOptions: olx.animation.BounceOptions;
|
||||
bounceOptions.duration = numberValue;
|
||||
bounceOptions.start = numberValue;
|
||||
bounceOptions.resolution = numberValue;
|
||||
bounceOptions.easing = easingFunction;
|
||||
preRenderFunction = ol.animation.bounce(bounceOptions);
|
||||
|
||||
var panOptions: olx.animation.PanOptions;
|
||||
panOptions.duration = numberValue;
|
||||
panOptions.start = numberValue;
|
||||
panOptions.source = coordinate;
|
||||
panOptions.easing = easingFunction;
|
||||
preRenderFunction = ol.animation.pan(panOptions);
|
||||
|
||||
var rotateOptions: olx.animation.RotateOptions;
|
||||
rotateOptions.duration = numberValue;
|
||||
rotateOptions.start = numberValue;
|
||||
rotateOptions.anchor = coordinate;
|
||||
rotateOptions.rotation = numberValue;
|
||||
rotateOptions.easing = easingFunction;
|
||||
preRenderFunction = ol.animation.rotate(rotateOptions);
|
||||
|
||||
var zoomOptions: olx.animation.ZoomOptions;
|
||||
zoomOptions.duration = numberValue;
|
||||
zoomOptions.start = numberValue;
|
||||
zoomOptions.resolution = numberValue;
|
||||
zoomOptions.easing = easingFunction;
|
||||
preRenderFunction = ol.animation.zoom(zoomOptions);
|
||||
map.beforeRender(preRenderFunction);
|
||||
|
||||
//
|
||||
// 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.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
|
||||
//
|
||||
|
||||
// Geolocation
|
||||
var geolocation: ol.Geolocation = new ol.Geolocation({
|
||||
// take the projection to use from the map's view
|
||||
projection: view.getProjection()
|
||||
projection: projection
|
||||
});
|
||||
geolocation.on('change', function (evt) {
|
||||
window.console.log(geolocation.getPosition());
|
||||
});
|
||||
|
||||
// Graticule
|
||||
//
|
||||
// ol.Graticule
|
||||
//
|
||||
|
||||
var graticule: ol.Graticule = new ol.Graticule();
|
||||
var graticule: ol.Graticule = new ol.Graticule({
|
||||
map: map,
|
||||
@@ -67,7 +220,10 @@ var graticuleMeridians: Array<ol.geom.LineString> = graticule.getMeridians();
|
||||
var graticuleParallels: Array<ol.geom.LineString> = graticule.getParallels();
|
||||
graticule.setMap(graticuleMap);
|
||||
|
||||
// Device orientation
|
||||
//
|
||||
// ol.DeviceOrientation
|
||||
//
|
||||
|
||||
var deviceOrientation: ol.DeviceOrientation = new ol.DeviceOrientation({
|
||||
tracking: true,
|
||||
});
|
||||
@@ -75,19 +231,69 @@ deviceOrientation.on('change', function (evt) {
|
||||
window.console.log(deviceOrientation.getHeading());
|
||||
});
|
||||
|
||||
// Overlay
|
||||
//
|
||||
// ol.Overlay
|
||||
//
|
||||
|
||||
var popup: ol.Overlay = new ol.Overlay({
|
||||
element: document.getElementById('popup')
|
||||
});
|
||||
popup.setPosition([10, 10]);
|
||||
map.addOverlay(popup);
|
||||
var popupElement: Element = popup.getElement();
|
||||
var popupMap: ol.Map = popup.getMap();
|
||||
var popupOffset: Array<number> = popup.getOffset();
|
||||
var popupCoordinate: ol.Coordinate = popup.getPosition();
|
||||
coordinate = popup.getPosition();
|
||||
var popupPositioning: ol.OverlayPositioning = popup.getPositioning();
|
||||
popup.setElement(popupElement);
|
||||
popup.setMap(popupMap);
|
||||
popup.setOffset(popupOffset);
|
||||
popup.setPosition(popupCoordinate);
|
||||
popup.setPositioning(popupPositioning);
|
||||
popup.setPosition(coordinate);
|
||||
popup.setPositioning(popupPositioning);
|
||||
|
||||
|
||||
//
|
||||
// ol.format.GeoJSON
|
||||
//
|
||||
|
||||
var geojsonOptions: olx.format.GeoJSONOptions;
|
||||
geojsonOptions.defaultDataProjection = "EPSG";
|
||||
geojsonOptions.defaultDataProjection = projection;
|
||||
geojsonOptions.geometryName = "geom";
|
||||
|
||||
var geojsonFormat: ol.format.GeoJSON;
|
||||
geojsonFormat = new ol.format.GeoJSON();
|
||||
geojsonFormat = new ol.format.GeoJSON(geojsonOptions);
|
||||
|
||||
// Test options
|
||||
var readOptions: olx.format.ReadOptions;
|
||||
readOptions.dataProjection = "EPSG";
|
||||
readOptions.dataProjection = projection;
|
||||
readOptions.featureProjection = "EPSG";
|
||||
readOptions.featureProjection = projection;
|
||||
|
||||
var writeOptions: olx.format.WriteOptions;
|
||||
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);
|
||||
Reference in New Issue
Block a user