6596a988c0
Avoid unnecessary tests by using only one test for the default icon crossOrigin,. In other cases ensure that the specified option is set.
3678 lines
149 KiB
JavaScript
3678 lines
149 KiB
JavaScript
import Feature from '../../../../src/ol/Feature.js';
|
|
import {find} from '../../../../src/ol/array.js';
|
|
import GeoJSON from '../../../../src/ol/format/GeoJSON.js';
|
|
import KML, {getDefaultStyle, getDefaultStyleArray, getDefaultFillStyle, getDefaultImageStyle, getDefaultStrokeStyle, getDefaultTextStyle, readFlatCoordinates} from '../../../../src/ol/format/KML.js';
|
|
import GeometryCollection from '../../../../src/ol/geom/GeometryCollection.js';
|
|
import LineString from '../../../../src/ol/geom/LineString.js';
|
|
import LinearRing from '../../../../src/ol/geom/LinearRing.js';
|
|
import MultiLineString from '../../../../src/ol/geom/MultiLineString.js';
|
|
import MultiPoint from '../../../../src/ol/geom/MultiPoint.js';
|
|
import MultiPolygon from '../../../../src/ol/geom/MultiPolygon.js';
|
|
import Point from '../../../../src/ol/geom/Point.js';
|
|
import Polygon from '../../../../src/ol/geom/Polygon.js';
|
|
import {addProjection, addCoordinateTransforms, transform, get as getProjection} from '../../../../src/ol/proj.js';
|
|
import Projection from '../../../../src/ol/proj/Projection.js';
|
|
import {remove as removeTransform} from '../../../../src/ol/proj/transforms.js';
|
|
import CircleStyle from '../../../../src/ol/style/Circle.js';
|
|
import Fill from '../../../../src/ol/style/Fill.js';
|
|
import Icon from '../../../../src/ol/style/Icon.js';
|
|
import IconAnchorUnits from '../../../../src/ol/style/IconAnchorUnits.js';
|
|
import IconOrigin from '../../../../src/ol/style/IconOrigin.js';
|
|
import Stroke from '../../../../src/ol/style/Stroke.js';
|
|
import Style from '../../../../src/ol/style/Style.js';
|
|
import Text from '../../../../src/ol/style/Text.js';
|
|
import {parse} from '../../../../src/ol/xml.js';
|
|
|
|
|
|
describe('ol.format.KML', function() {
|
|
|
|
let format;
|
|
|
|
describe('using defaultStyle', function() {
|
|
|
|
const dfltStyle = new Style();
|
|
|
|
beforeEach(function() {
|
|
format = new KML({
|
|
defaultStyle: [dfltStyle]
|
|
});
|
|
});
|
|
|
|
it('set constant variables', function() {
|
|
expect(getDefaultStyleArray()).to.be.an(Array);
|
|
});
|
|
|
|
describe('#readFeatures', function() {
|
|
|
|
it('can apply a default style to a feature', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Document>' +
|
|
' <Placemark/>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
expect(style).to.be(dfltStyle);
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('without parameters', function() {
|
|
|
|
beforeEach(function() {
|
|
format = new KML();
|
|
});
|
|
|
|
it('set constant variables', function() {
|
|
expect(getDefaultStyleArray()).to.be.an(Array);
|
|
});
|
|
|
|
describe('#readProjection', function() {
|
|
it('returns the default projection from document', function() {
|
|
const projection = format.readProjectionFromDocument();
|
|
expect(projection).to.eql(getProjection('EPSG:4326'));
|
|
});
|
|
|
|
it('returns the default projection from node', function() {
|
|
const projection = format.readProjectionFromNode();
|
|
expect(projection).to.eql(getProjection('EPSG:4326'));
|
|
});
|
|
});
|
|
|
|
describe('#readFeatures', function() {
|
|
|
|
describe('id', function() {
|
|
|
|
it('can read a Feature\'s id', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark id="foo"/>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
expect(f.getId()).to.be('foo');
|
|
});
|
|
|
|
it('treats a missing id as undefined', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark/>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
expect(f.getId()).to.be(undefined);
|
|
});
|
|
|
|
it('can write a Feature', function() {
|
|
const features = [new Feature()];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark/>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write a Feature as string', function() {
|
|
const features = [new Feature()];
|
|
const node = format.writeFeatures(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark/>' +
|
|
'</kml>';
|
|
expect(parse(node)).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write a Feature\'s id', function() {
|
|
const feature = new Feature();
|
|
feature.setId('foo');
|
|
const features = [feature];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark id="foo"/>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
});
|
|
|
|
describe('geometry', function() {
|
|
|
|
it('treats a missing geometry as null', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark/>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be(null);
|
|
});
|
|
|
|
it('can write feature with null geometries', function() {
|
|
const features = [new Feature(null)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark/>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
|
|
it('can write properties', function() {
|
|
const lineString = new LineString([[1, 2], [3, 4]]);
|
|
lineString.set('extrude', false);
|
|
lineString.set('tessellate', true);
|
|
lineString.set('altitudeMode', 'clampToGround');
|
|
lineString.set('unsupportedProperty', 'foo');
|
|
const features = [new Feature(lineString)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <LineString>' +
|
|
' <extrude>0</extrude>' +
|
|
' <tessellate>1</tessellate>' +
|
|
' <altitudeMode>clampToGround</altitudeMode>' +
|
|
' <coordinates>1,2 3,4</coordinates>' +
|
|
' </LineString>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can read Point geometries', function() {
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <Point>' +
|
|
' <coordinates>1,2,3</coordinates>' +
|
|
' <extrude>0</extrude>' +
|
|
' <altitudeMode>absolute</altitudeMode>' +
|
|
' </Point>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be.an(Point);
|
|
expect(g.getCoordinates()).to.eql([1, 2, 3]);
|
|
expect(g.get('extrude')).to.be(false);
|
|
expect(g.get('altitudeMode')).to.be('absolute');
|
|
});
|
|
|
|
it('can transform and read Point geometries', function() {
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <Point>' +
|
|
' <coordinates>1,2,3</coordinates>' +
|
|
' </Point>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text, {
|
|
featureProjection: 'EPSG:3857'
|
|
});
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be.an(Point);
|
|
const expectedPoint = transform([1, 2], 'EPSG:4326', 'EPSG:3857');
|
|
expectedPoint.push(3);
|
|
expect(g.getCoordinates()).to.eql(expectedPoint);
|
|
});
|
|
|
|
it('can read a single Point geometry', function() {
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <Point>' +
|
|
' <coordinates>1,2,3</coordinates>' +
|
|
' </Point>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const f = format.readFeature(text);
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be.an(Point);
|
|
expect(g.getCoordinates()).to.eql([1, 2, 3]);
|
|
});
|
|
|
|
it('can transform and read a single Point geometry', function() {
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <Point>' +
|
|
' <coordinates>1,2,3</coordinates>' +
|
|
' </Point>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const f = format.readFeature(text, {
|
|
featureProjection: 'EPSG:3857'
|
|
});
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be.an(Point);
|
|
const expectedPoint = transform([1, 2], 'EPSG:4326', 'EPSG:3857');
|
|
expectedPoint.push(3);
|
|
expect(g.getCoordinates()).to.eql(expectedPoint);
|
|
});
|
|
|
|
it('can write XY Point geometries', function() {
|
|
const layout = 'XY';
|
|
const point = new Point([1, 2], layout);
|
|
const features = [new Feature(point)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <Point>' +
|
|
' <coordinates>1,2</coordinates>' +
|
|
' </Point>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write XYZ Point geometries', function() {
|
|
const layout = 'XYZ';
|
|
const point = new Point([1, 2, 3], layout);
|
|
const features = [new Feature(point)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <Point>' +
|
|
' <coordinates>1,2,3</coordinates>' +
|
|
' </Point>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can transform and write XYZ Point geometries', function() {
|
|
addProjection(new Projection({code: 'double'}));
|
|
addCoordinateTransforms('EPSG:4326', 'double',
|
|
function(coordinate) {
|
|
return [2 * coordinate[0], 2 * coordinate[1]];
|
|
},
|
|
function(coordinate) {
|
|
return [coordinate[0] / 2, coordinate[1] / 2];
|
|
});
|
|
|
|
const layout = 'XYZ';
|
|
const point = new Point([1, 2, 3], layout).transform(
|
|
'EPSG:4326', 'double');
|
|
const features = [new Feature(point)];
|
|
const node = format.writeFeaturesNode(features, {
|
|
featureProjection: 'double'
|
|
});
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <Point>' +
|
|
' <coordinates>1,2,3</coordinates>' +
|
|
' </Point>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
|
|
removeTransform(getProjection('EPSG:4326'), getProjection('double'));
|
|
removeTransform(getProjection('double'), getProjection('EPSG:4326'));
|
|
});
|
|
|
|
it('can write XYM Point geometries', function() {
|
|
const layout = 'XYM';
|
|
const point = new Point([1, 2, 100], layout);
|
|
const features = [new Feature(point)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <Point>' +
|
|
' <coordinates>1,2</coordinates>' +
|
|
' </Point>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write XYZM Point geometries', function() {
|
|
const layout = 'XYZM';
|
|
const point = new Point([1, 2, 3, 100], layout);
|
|
const features = [new Feature(point)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <Point>' +
|
|
' <coordinates>1,2,3</coordinates>' +
|
|
' </Point>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can read LineString geometries', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <LineString>' +
|
|
' <coordinates>1,2,3 4,5,6</coordinates>' +
|
|
' <extrude>0</extrude>' +
|
|
' <tessellate>1</tessellate>' +
|
|
' <altitudeMode>absolute</altitudeMode>' +
|
|
' </LineString>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be.an(LineString);
|
|
expect(g.getCoordinates()).to.eql([[1, 2, 3], [4, 5, 6]]);
|
|
expect(g.get('extrude')).to.be(false);
|
|
expect(g.get('tessellate')).to.be(true);
|
|
expect(g.get('altitudeMode')).to.be('absolute');
|
|
});
|
|
|
|
it('can write XY LineString geometries', function() {
|
|
const layout = 'XY';
|
|
const lineString = new LineString([[1, 2], [3, 4]], layout);
|
|
const features = [new Feature(lineString)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <LineString>' +
|
|
' <coordinates>1,2 3,4</coordinates>' +
|
|
' </LineString>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write XYZ LineString geometries', function() {
|
|
const layout = 'XYZ';
|
|
const lineString = new LineString(
|
|
[[1, 2, 3], [4, 5, 6]], layout);
|
|
const features = [new Feature(lineString)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <LineString>' +
|
|
' <coordinates>1,2,3 4,5,6</coordinates>' +
|
|
' </LineString>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write XYM LineString geometries', function() {
|
|
const layout = 'XYM';
|
|
const lineString = new LineString(
|
|
[[1, 2, 100], [3, 4, 200]], layout);
|
|
const features = [new Feature(lineString)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <LineString>' +
|
|
' <coordinates>1,2 3,4</coordinates>' +
|
|
' </LineString>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write XYZM LineString geometries', function() {
|
|
const layout = 'XYZM';
|
|
const lineString = new LineString(
|
|
[[1, 2, 3, 100], [4, 5, 6, 200]], layout);
|
|
const features = [new Feature(lineString)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <LineString>' +
|
|
' <coordinates>1,2,3 4,5,6</coordinates>' +
|
|
' </LineString>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can read LinearRing geometries', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>1,2,3 4,5,6 7,8,9</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be.an(Polygon);
|
|
expect(g.getCoordinates()).to.eql([[[1, 2, 3], [4, 5, 6], [7, 8, 9]]]);
|
|
});
|
|
|
|
it('can write XY LinearRing geometries', function() {
|
|
const layout = 'XY';
|
|
const linearRing = new LinearRing(
|
|
[[1, 2], [3, 4], [1, 2]], layout);
|
|
const features = [new Feature(linearRing)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>1,2 3,4 1,2</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write XYZ LinearRing geometries', function() {
|
|
const layout = 'XYZ';
|
|
const linearRing = new LinearRing(
|
|
[[1, 2, 3], [4, 5, 6], [1, 2, 3]], layout);
|
|
const features = [new Feature(linearRing)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>1,2,3 4,5,6 1,2,3</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write XYM LinearRing geometries', function() {
|
|
const layout = 'XYM';
|
|
const linearRing = new LinearRing(
|
|
[[1, 2, 100], [3, 4, 200], [1, 2, 100]], layout);
|
|
const features = [new Feature(linearRing)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>1,2 3,4 1,2</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write XYZM LinearRing geometries', function() {
|
|
const layout = 'XYZM';
|
|
const linearRing = new LinearRing(
|
|
[[1, 2, 3, 100], [4, 5, 6, 200], [1, 2, 3, 100]], layout);
|
|
const features = [new Feature(linearRing)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>1,2,3 4,5,6 1,2,3</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can read Polygon geometries', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <Polygon>' +
|
|
' <extrude>0</extrude>' +
|
|
' <altitudeMode>absolute</altitudeMode>' +
|
|
' <outerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>0,0,1 0,5,1 5,5,2 5,0,3</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </outerBoundaryIs>' +
|
|
' </Polygon>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be.an(Polygon);
|
|
expect(g.getCoordinates()).to.eql(
|
|
[[[0, 0, 1], [0, 5, 1], [5, 5, 2], [5, 0, 3]]]);
|
|
expect(g.get('extrude')).to.be(false);
|
|
expect(g.get('altitudeMode')).to.be('absolute');
|
|
});
|
|
|
|
it('can write XY Polygon geometries', function() {
|
|
const layout = 'XY';
|
|
const polygon = new Polygon(
|
|
[[[0, 0], [0, 2], [2, 2], [2, 0], [0, 0]]], layout);
|
|
const features = [new Feature(polygon)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <Polygon>' +
|
|
' <outerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>0,0 0,2 2,2 2,0 0,0</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </outerBoundaryIs>' +
|
|
' </Polygon>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write XYZ Polygon geometries', function() {
|
|
const layout = 'XYZ';
|
|
const polygon = new Polygon(
|
|
[[[0, 0, 1], [0, 2, 2], [2, 2, 3], [2, 0, 4], [0, 0, 5]]], layout);
|
|
const features = [new Feature(polygon)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <Polygon>' +
|
|
' <outerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>' +
|
|
' 0,0,1 0,2,2 2,2,3 2,0,4 0,0,5' +
|
|
' </coordinates>' +
|
|
' </LinearRing>' +
|
|
' </outerBoundaryIs>' +
|
|
' </Polygon>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write XYM Polygon geometries', function() {
|
|
const layout = 'XYM';
|
|
const polygon = new Polygon(
|
|
[[[0, 0, 1], [0, 2, 1], [2, 2, 1], [2, 0, 1], [0, 0, 1]]], layout);
|
|
const features = [new Feature(polygon)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <Polygon>' +
|
|
' <outerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>' +
|
|
' 0,0 0,2 2,2 2,0 0,0' +
|
|
' </coordinates>' +
|
|
' </LinearRing>' +
|
|
' </outerBoundaryIs>' +
|
|
' </Polygon>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write XYZM Polygon geometries', function() {
|
|
const layout = 'XYZM';
|
|
const polygon = new Polygon([
|
|
[[0, 0, 1, 1], [0, 2, 2, 1], [2, 2, 3, 1], [2, 0, 4, 1], [0, 0, 5, 1]]
|
|
], layout);
|
|
const features = [new Feature(polygon)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <Polygon>' +
|
|
' <outerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>0,0,1 0,2,2 2,2,3 2,0,4 0,0,5</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </outerBoundaryIs>' +
|
|
' </Polygon>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can read complex Polygon geometries', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <Polygon>' +
|
|
' <innerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>1,1,0 1,2,0 2,2,0 2,1,0</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </innerBoundaryIs>' +
|
|
' <innerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>3,3,0 3,4,0 4,4,0 4,3,0</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </innerBoundaryIs>' +
|
|
' <outerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>0,0,1 0,5,1 5,5,2 5,0,3</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </outerBoundaryIs>' +
|
|
' </Polygon>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be.an(Polygon);
|
|
expect(g.getCoordinates()).to.eql([
|
|
[[0, 0, 1], [0, 5, 1], [5, 5, 2], [5, 0, 3]],
|
|
[[1, 1, 0], [1, 2, 0], [2, 2, 0], [2, 1, 0]],
|
|
[[3, 3, 0], [3, 4, 0], [4, 4, 0], [4, 3, 0]]
|
|
]);
|
|
});
|
|
|
|
it('can write complex Polygon geometries', function() {
|
|
const layout = 'XYZ';
|
|
const polygon = new Polygon([
|
|
[[0, 0, 1], [0, 5, 1], [5, 5, 2], [5, 0, 3]],
|
|
[[1, 1, 0], [1, 2, 0], [2, 2, 0], [2, 1, 0]],
|
|
[[3, 3, 0], [3, 4, 0], [4, 4, 0], [4, 3, 0]]
|
|
], layout);
|
|
const features = [new Feature(polygon)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <Polygon>' +
|
|
' <innerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>1,1,0 1,2,0 2,2,0 2,1,0</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </innerBoundaryIs>' +
|
|
' <innerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>3,3,0 3,4,0 4,4,0 4,3,0</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </innerBoundaryIs>' +
|
|
' <outerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>0,0,1 0,5,1 5,5,2 5,0,3</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </outerBoundaryIs>' +
|
|
' </Polygon>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can read MultiPolygon geometries', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <MultiGeometry>' +
|
|
' <Polygon>' +
|
|
' <extrude>0</extrude>' +
|
|
' <altitudeMode>absolute</altitudeMode>' +
|
|
' <outerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>0,0,0 0,1,0 1,1,0 1,0,0</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </outerBoundaryIs>' +
|
|
' </Polygon>' +
|
|
' <Polygon>' +
|
|
' <outerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>3,0,0 3,1,0 4,1,0 4,0,0</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </outerBoundaryIs>' +
|
|
' </Polygon>' +
|
|
' </MultiGeometry>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be.an(MultiPolygon);
|
|
expect(g.getCoordinates()).to.eql(
|
|
[[[[0, 0, 0], [0, 1, 0], [1, 1, 0], [1, 0, 0]]],
|
|
[[[3, 0, 0], [3, 1, 0], [4, 1, 0], [4, 0, 0]]]]);
|
|
expect(g.get('extrude')).to.be.an('array');
|
|
expect(g.get('extrude')).to.have.length(2);
|
|
expect(g.get('extrude')[0]).to.be(false);
|
|
expect(g.get('extrude')[1]).to.be(undefined);
|
|
expect(g.get('altitudeMode')).to.be.an('array');
|
|
expect(g.get('altitudeMode')).to.have.length(2);
|
|
expect(g.get('altitudeMode')[0]).to.be('absolute');
|
|
expect(g.get('altitudeMode')[1]).to.be(undefined);
|
|
});
|
|
|
|
it('can write MultiPolygon geometries', function() {
|
|
const layout = 'XYZ';
|
|
const multiPolygon = new MultiPolygon(
|
|
[[[[0, 0, 0], [0, 1, 0], [1, 1, 0], [1, 0, 0]]],
|
|
[[[3, 0, 0], [3, 1, 0], [4, 1, 0], [4, 0, 0]]]], layout);
|
|
const features = [new Feature(multiPolygon)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <MultiGeometry>' +
|
|
' <Polygon>' +
|
|
' <outerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>0,0,0 0,1,0 1,1,0 1,0,0</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </outerBoundaryIs>' +
|
|
' </Polygon>' +
|
|
' <Polygon>' +
|
|
' <outerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>3,0,0 3,1,0 4,1,0 4,0,0</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </outerBoundaryIs>' +
|
|
' </Polygon>' +
|
|
' </MultiGeometry>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can read MultiPoint geometries', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <MultiGeometry>' +
|
|
' <Point>' +
|
|
' <coordinates>1,2,3</coordinates>' +
|
|
' <extrude>0</extrude>' +
|
|
' <altitudeMode>absolute</altitudeMode>' +
|
|
' </Point>' +
|
|
' <Point>' +
|
|
' <coordinates>4,5,6</coordinates>' +
|
|
' <extrude>1</extrude>' +
|
|
' <altitudeMode>clampToGround</altitudeMode>' +
|
|
' </Point>' +
|
|
' </MultiGeometry>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be.an(MultiPoint);
|
|
expect(g.getCoordinates()).to.eql([[1, 2, 3], [4, 5, 6]]);
|
|
expect(g.get('extrude')).to.be.an('array');
|
|
expect(g.get('extrude')).to.have.length(2);
|
|
expect(g.get('extrude')[0]).to.be(false);
|
|
expect(g.get('extrude')[1]).to.be(true);
|
|
expect(g.get('altitudeMode')).to.be.an('array');
|
|
expect(g.get('altitudeMode')).to.have.length(2);
|
|
expect(g.get('altitudeMode')[0]).to.be('absolute');
|
|
expect(g.get('altitudeMode')[1]).to.be('clampToGround');
|
|
});
|
|
|
|
it('can write MultiPoint geometries', function() {
|
|
const layout = 'XYZ';
|
|
const multiPoint = new MultiPoint(
|
|
[[1, 2, 3], [4, 5, 6]], layout);
|
|
const features = [new Feature(multiPoint)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <MultiGeometry>' +
|
|
' <Point>' +
|
|
' <coordinates>1,2,3</coordinates>' +
|
|
' </Point>' +
|
|
' <Point>' +
|
|
' <coordinates>4,5,6</coordinates>' +
|
|
' </Point>' +
|
|
' </MultiGeometry>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can read MultiLineString geometries', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <MultiGeometry>' +
|
|
' <LineString>' +
|
|
' <extrude>0</extrude>' +
|
|
' <tessellate>0</tessellate>' +
|
|
' <altitudeMode>absolute</altitudeMode>' +
|
|
' <coordinates>1,2,3 4,5,6</coordinates>' +
|
|
' </LineString>' +
|
|
' <LineString>' +
|
|
' <coordinates>7,8,9 10,11,12</coordinates>' +
|
|
' </LineString>' +
|
|
' </MultiGeometry>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be.an(MultiLineString);
|
|
expect(g.getCoordinates()).to.eql(
|
|
[[[1, 2, 3], [4, 5, 6]], [[7, 8, 9], [10, 11, 12]]]);
|
|
expect(g.get('extrude')).to.be.an('array');
|
|
expect(g.get('extrude')).to.have.length(2);
|
|
expect(g.get('extrude')[0]).to.be(false);
|
|
expect(g.get('extrude')[1]).to.be(undefined);
|
|
expect(g.get('tessellate')).to.be.an('array');
|
|
expect(g.get('tessellate')).to.have.length(2);
|
|
expect(g.get('tessellate')[0]).to.be(false);
|
|
expect(g.get('tessellate')[1]).to.be(undefined);
|
|
expect(g.get('altitudeMode')).to.be.an('array');
|
|
expect(g.get('altitudeMode')).to.have.length(2);
|
|
expect(g.get('altitudeMode')[0]).to.be('absolute');
|
|
expect(g.get('altitudeMode')[1]).to.be(undefined);
|
|
});
|
|
|
|
it('can write MultiLineString geometries', function() {
|
|
const layout = 'XYZ';
|
|
const multiLineString = new MultiLineString(
|
|
[[[1, 2, 3], [4, 5, 6]], [[7, 8, 9], [10, 11, 12]]], layout);
|
|
const features = [new Feature(multiLineString)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <MultiGeometry>' +
|
|
' <LineString>' +
|
|
' <coordinates>1,2,3 4,5,6</coordinates>' +
|
|
' </LineString>' +
|
|
' <LineString>' +
|
|
' <coordinates>7,8,9 10,11,12</coordinates>' +
|
|
' </LineString>' +
|
|
' </MultiGeometry>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can read MultiPolygon geometries', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <MultiGeometry>' +
|
|
' <Polygon>' +
|
|
' <extrude>0</extrude>' +
|
|
' <altitudeMode>absolute</altitudeMode>' +
|
|
' <outerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>0,0,0 0,1,0 1,1,0 1,0,0</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </outerBoundaryIs>' +
|
|
' </Polygon>' +
|
|
' <Polygon>' +
|
|
' <outerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>3,0,0 3,1,0 4,1,0 4,0,0</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </outerBoundaryIs>' +
|
|
' </Polygon>' +
|
|
' </MultiGeometry>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be.an(MultiPolygon);
|
|
expect(g.getCoordinates()).to.eql([
|
|
[[[0, 0, 0], [0, 1, 0], [1, 1, 0], [1, 0, 0]]],
|
|
[[[3, 0, 0], [3, 1, 0], [4, 1, 0], [4, 0, 0]]]
|
|
]);
|
|
expect(g.get('extrude')).to.be.an('array');
|
|
expect(g.get('extrude')).to.have.length(2);
|
|
expect(g.get('extrude')[0]).to.be(false);
|
|
expect(g.get('extrude')[1]).to.be(undefined);
|
|
expect(g.get('altitudeMode')).to.be.an('array');
|
|
expect(g.get('altitudeMode')).to.have.length(2);
|
|
expect(g.get('altitudeMode')[0]).to.be('absolute');
|
|
expect(g.get('altitudeMode')[1]).to.be(undefined);
|
|
});
|
|
|
|
it('can write MultiPolygon geometries', function() {
|
|
const layout = 'XYZ';
|
|
const multiPolygon = new MultiPolygon([
|
|
[[[0, 0, 0], [0, 1, 0], [1, 1, 0], [1, 0, 0]]],
|
|
[[[3, 0, 0], [3, 1, 0], [4, 1, 0], [4, 0, 0]]]
|
|
], layout);
|
|
const features = [new Feature(multiPolygon)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <MultiGeometry>' +
|
|
' <Polygon>' +
|
|
' <outerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>0,0,0 0,1,0 1,1,0 1,0,0</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </outerBoundaryIs>' +
|
|
' </Polygon>' +
|
|
' <Polygon>' +
|
|
' <outerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>3,0,0 3,1,0 4,1,0 4,0,0</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </outerBoundaryIs>' +
|
|
' </Polygon>' +
|
|
' </MultiGeometry>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can read empty GeometryCollection geometries', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <MultiGeometry>' +
|
|
' </MultiGeometry>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be.an(GeometryCollection);
|
|
expect(g.getGeometries()).to.be.empty();
|
|
});
|
|
|
|
it('can read heterogeneous GeometryCollection geometries', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <MultiGeometry>' +
|
|
' <Point>' +
|
|
' <coordinates>1,2,3</coordinates>' +
|
|
' </Point>' +
|
|
' <LineString>' +
|
|
' <coordinates>1,2,3 4,5,6</coordinates>' +
|
|
' </LineString>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>1,2,3 4,5,6 7,8,9</coordinates>' +
|
|
' </LinearRing>' +
|
|
' <Polygon>' +
|
|
' <outerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>0,0,0 0,1,0 1,1,0 1,0,0</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </outerBoundaryIs>' +
|
|
' </Polygon>' +
|
|
' </MultiGeometry>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be.an(GeometryCollection);
|
|
const gs = g.getGeometries();
|
|
expect(gs).to.have.length(4);
|
|
expect(gs[0]).to.be.an(Point);
|
|
expect(gs[1]).to.be.an(LineString);
|
|
expect(gs[2]).to.be.an(Polygon);
|
|
expect(gs[3]).to.be.an(Polygon);
|
|
});
|
|
|
|
it('can read nested GeometryCollection geometries', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <MultiGeometry>' +
|
|
' <MultiGeometry>' +
|
|
' </MultiGeometry>' +
|
|
' </MultiGeometry>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be.an(GeometryCollection);
|
|
const gs = g.getGeometries();
|
|
expect(gs).to.have.length(1);
|
|
expect(gs[0]).to.be.an(GeometryCollection);
|
|
});
|
|
|
|
it('can write GeometryCollection geometries', function() {
|
|
const collection = new GeometryCollection([
|
|
new Point([1, 2]),
|
|
new LineString([[1, 2], [3, 4]]),
|
|
new Polygon([[[1, 2], [3, 4], [3, 2], [1, 2]]])
|
|
]);
|
|
const features = [new Feature(collection)];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <MultiGeometry>' +
|
|
' <Point>' +
|
|
' <coordinates>1,2</coordinates>' +
|
|
' </Point>' +
|
|
' <LineString>' +
|
|
' <coordinates>1,2 3,4</coordinates>' +
|
|
' </LineString>' +
|
|
' <Polygon>' +
|
|
' <outerBoundaryIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>1,2 3,4 3,2 1,2</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </outerBoundaryIs>' +
|
|
' </Polygon>' +
|
|
' </MultiGeometry>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can read gx:Track', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2">' +
|
|
' <Placemark>' +
|
|
' <gx:Track>' +
|
|
' <when>2014-01-06T19:38:55Z</when>' +
|
|
' <when>2014-01-06T19:39:03Z</when>' +
|
|
' <when>2014-01-06T19:39:10Z</when>' +
|
|
' <gx:coord>8.1 46.1 1909.9</gx:coord>' +
|
|
' <gx:coord>8.2 46.2 1925.2</gx:coord>' +
|
|
' <gx:coord>8.3 46.3 1926.2</gx:coord>' +
|
|
' </gx:Track>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be.an(LineString);
|
|
});
|
|
|
|
it('can read gx:MultiTrack', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2">' +
|
|
' <Placemark>' +
|
|
' <gx:MultiTrack>' +
|
|
' <gx:Track>' +
|
|
' <when>2014-01-06T19:38:55Z</when>' +
|
|
' <gx:coord>8.1 46.1 1909.9</gx:coord>' +
|
|
' </gx:Track>' +
|
|
' <gx:Track>' +
|
|
' <when>2014-01-06T19:38:55Z</when>' +
|
|
' <when>2014-01-06T19:39:10Z</when>' +
|
|
' <gx:coord>8.1 46.1 1909.9</gx:coord>' +
|
|
' <gx:coord>8.2 46.2 1925.2</gx:coord>' +
|
|
' </gx:Track>' +
|
|
' </gx:MultiTrack>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be.an(MultiLineString);
|
|
const gs = g.getLineStrings();
|
|
expect(gs).to.have.length(2);
|
|
expect(gs[0]).to.be.an(LineString);
|
|
});
|
|
|
|
it('can read dateTime', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2">' +
|
|
' <Placemark>' +
|
|
' <gx:Track>' +
|
|
' <when>2014</when>' +
|
|
' <when>2014-02</when>' +
|
|
' <when>2014-02-06</when>' +
|
|
' <when>2014-02-06T19:39:03Z</when>' +
|
|
' <when>2014-02-06T19:39:10+03:00</when>' +
|
|
' <gx:coord>8.1 46.1 1909.9</gx:coord>' +
|
|
' <gx:coord>8.2 46.2 1925.2</gx:coord>' +
|
|
' <gx:coord>8.3 46.3 1926.2</gx:coord>' +
|
|
' <gx:coord>8.4 46.4 1927.2</gx:coord>' +
|
|
' <gx:coord>8.5 46.5 1928.2</gx:coord>' +
|
|
' </gx:Track>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
const f = fs[0];
|
|
const g = f.getGeometry();
|
|
const flatCoordinates = g.flatCoordinates;
|
|
expect(flatCoordinates[3]).to.be.eql(Date.UTC(2014, 0, 1, 0, 0, 0));
|
|
expect(flatCoordinates[7]).to.be.eql(Date.UTC(2014, 1, 1, 0, 0, 0));
|
|
expect(flatCoordinates[11]).to.be.eql(Date.UTC(2014, 1, 6, 0, 0, 0));
|
|
expect(flatCoordinates[15]).to.be.eql(Date.UTC(2014, 1, 6, 19, 39, 3));
|
|
expect(flatCoordinates[19]).to.be.eql(
|
|
Date.UTC(2014, 1, 6, 16, 39, 10)
|
|
);
|
|
});
|
|
|
|
});
|
|
|
|
describe('attributes', function() {
|
|
|
|
it('can read boolean attributes', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <open>1</open>' +
|
|
' <visibility>0</visibility>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
expect(f.get('open')).to.be(true);
|
|
expect(f.get('visibility')).to.be(false);
|
|
});
|
|
|
|
it('can read string attributes', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <address>My address</address>' +
|
|
' <description>My description</description>' +
|
|
' <name>My name</name>' +
|
|
' <phoneNumber>My phone number</phoneNumber>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
expect(f.get('address')).to.be('My address');
|
|
expect(f.get('description')).to.be('My description');
|
|
expect(f.get('name')).to.be('My name');
|
|
expect(f.get('phoneNumber')).to.be('My phone number');
|
|
});
|
|
|
|
it('strips leading and trailing whitespace in strings', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <description>\n\nMy description\n\n</description>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
expect(f.get('description')).to.be('My description');
|
|
});
|
|
|
|
it('can read CDATA sections in strings', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <name><![CDATA[My name in CDATA]]></name>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
expect(f.get('name')).to.be('My name in CDATA');
|
|
});
|
|
|
|
it('strips leading and trailing whitespace around CDATA', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <name>\n\n<![CDATA[My name in CDATA]]>\n\n</name>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
expect(f.get('name')).to.be('My name in CDATA');
|
|
});
|
|
|
|
it('can write Feature\'s string attributes', function() {
|
|
const feature = new Feature();
|
|
feature.set('address', 'My address');
|
|
feature.set('description', 'My description');
|
|
feature.set('name', 'My name');
|
|
feature.set('phoneNumber', 'My phone number');
|
|
const features = [feature];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <name>My name</name>' +
|
|
' <address>My address</address>' +
|
|
' <phoneNumber>My phone number</phoneNumber>' +
|
|
' <description>My description</description>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write Feature\'s boolean attributes', function() {
|
|
const feature = new Feature();
|
|
feature.set('open', true);
|
|
feature.set('visibility', false);
|
|
const features = [feature];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <open>1</open>' +
|
|
' <visibility>0</visibility>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
});
|
|
|
|
describe('region', function() {
|
|
|
|
it('can read Region', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Document>' +
|
|
' <Placemark xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Region>' +
|
|
' <LatLonAltBox>' +
|
|
' <north>43.651015</north>' +
|
|
' <south>43.540908</south>' +
|
|
' <east>1.514582</east>' +
|
|
' <west>1.384133</west>' +
|
|
' <minAltitude>133.57</minAltitude>' +
|
|
' <maxAltitude>146.16</maxAltitude>' +
|
|
' <altitudeMode>relativeToGround</altitudeMode>' +
|
|
' </LatLonAltBox>' +
|
|
' </Region>' +
|
|
' </Placemark>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const extent = f.get('extent');
|
|
expect(extent).to.be.an(Array);
|
|
expect(extent).to.have.length(4);
|
|
expect(extent[0]).to.be(1.384133);
|
|
expect(extent[1]).to.be(43.540908);
|
|
expect(extent[2]).to.be(1.514582);
|
|
expect(extent[3]).to.be(43.651015);
|
|
expect(f.get('altitudeMode')).to.be('relativeToGround');
|
|
expect(f.get('minAltitude')).to.be(133.57);
|
|
expect(f.get('maxAltitude')).to.be(146.16);
|
|
});
|
|
|
|
it('can read Lod', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Document>' +
|
|
' <Placemark xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Region>' +
|
|
' <Lod>' +
|
|
' <minLodPixels>128</minLodPixels>' +
|
|
' <maxLodPixels>2048</maxLodPixels>' +
|
|
' <minFadeExtent>0.2</minFadeExtent>' +
|
|
' <maxFadeExtent>10.5</maxFadeExtent>' +
|
|
' </Lod>' +
|
|
' </Region>' +
|
|
' </Placemark>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
expect(f.get('minLodPixels')).to.be(128);
|
|
expect(f.get('maxLodPixels')).to.be(2048);
|
|
expect(f.get('minFadeExtent')).to.be(0.2);
|
|
expect(f.get('maxFadeExtent')).to.be(10.5);
|
|
});
|
|
|
|
});
|
|
|
|
describe('extended data', function() {
|
|
|
|
it('can write ExtendedData with no values', function() {
|
|
const feature = new Feature();
|
|
feature.set('foo', null);
|
|
feature.set('bar', undefined);
|
|
const features = [feature];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <ExtendedData>' +
|
|
' <Data name="bar"/>' +
|
|
' <Data name="foo"/>' +
|
|
' </ExtendedData>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write ExtendedData with values', function() {
|
|
const feature = new Feature();
|
|
feature.set('foo', 'bar');
|
|
feature.set('aNumber', 1000);
|
|
const features = [feature];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <ExtendedData>' +
|
|
' <Data name="aNumber">' +
|
|
' <value>1000</value>' +
|
|
' </Data>' +
|
|
' <Data name="foo">' +
|
|
' <value>bar</value>' +
|
|
' </Data>' +
|
|
' </ExtendedData>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write ExtendedData pair with displayName and value', function() {
|
|
const pair = {
|
|
value: 'bar',
|
|
displayName: 'display name'
|
|
};
|
|
|
|
const feature = new Feature();
|
|
feature.set('foo', pair);
|
|
|
|
const features = [feature];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <ExtendedData>' +
|
|
' <Data name="foo">' +
|
|
' <displayName><![CDATA[display name]]></displayName>' +
|
|
' <value>bar</value>' +
|
|
' </Data>' +
|
|
' </ExtendedData>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write ExtendedData after Style tag', function() {
|
|
const style = new Style({
|
|
stroke: new Stroke({
|
|
color: '#112233',
|
|
width: 2
|
|
})
|
|
});
|
|
const feature = new Feature();
|
|
feature.set('foo', null);
|
|
feature.setStyle([style]);
|
|
const features = [feature];
|
|
const node = format.writeFeaturesNode(features);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <Style>' +
|
|
' <LineStyle>' +
|
|
' <color>ff332211</color>' +
|
|
' <width>2</width>' +
|
|
' </LineStyle>' +
|
|
' </Style>' +
|
|
' <ExtendedData>' +
|
|
' <Data name="foo"/>' +
|
|
' </ExtendedData>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can read ExtendedData', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <ExtendedData>' +
|
|
' <Data name="foo">' +
|
|
' <value>bar</value>' +
|
|
' </Data>' +
|
|
' </ExtendedData>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
expect(f.getProperties()).to.only.have.keys(['foo', 'geometry']);
|
|
expect(f.get('foo')).to.be('bar');
|
|
});
|
|
|
|
it('can read ExtendedData with no values', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <ExtendedData>' +
|
|
' <Data name="foo">' +
|
|
' <value>200</value>' +
|
|
' </Data>' +
|
|
' <Data name="bar"/>' +
|
|
' </ExtendedData>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
expect(f.getProperties()).to.only.have.keys(['foo', 'bar', 'geometry']);
|
|
expect(f.get('foo')).to.be('200');
|
|
expect(f.get('bar')).to.be(undefined);
|
|
});
|
|
|
|
it('can read ExtendedData with displayName instead of name', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <ExtendedData>' +
|
|
' <Data>' +
|
|
' <displayName>foo</displayName>' +
|
|
' <value>bar</value>' +
|
|
' </Data>' +
|
|
' </ExtendedData>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
expect(f.get('foo')).to.be('bar');
|
|
});
|
|
|
|
it('can read SchemaData', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <ExtendedData>' +
|
|
' <SchemaData schemaUrl="#mySchema">' +
|
|
' <SimpleData name="capital">London</SimpleData>' +
|
|
' <SimpleData name="population">60000000</SimpleData>' +
|
|
' </SchemaData>' +
|
|
' </ExtendedData>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
expect(f.get('capital')).to.be('London');
|
|
expect(f.get('population')).to.be('60000000');
|
|
});
|
|
|
|
it('can read ExtendedData with displayName', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <ExtendedData>' +
|
|
' <Data>' +
|
|
' <displayName>capital</displayName>' +
|
|
' <value>London</value>' +
|
|
' </Data>' +
|
|
' <Data name="country">' +
|
|
' <displayName>Country</displayName>' +
|
|
' <value>United-Kingdom</value>' +
|
|
' </Data>' +
|
|
' </ExtendedData>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
expect(f.get('capital')).to.be('London');
|
|
expect(f.get('country').value).to.be('United-Kingdom');
|
|
expect(f.get('country').displayName).to.be('Country');
|
|
});
|
|
});
|
|
|
|
describe('styles', function() {
|
|
|
|
it('applies the default style if no style is defined', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
expect(style.getFill()).to.be(getDefaultFillStyle());
|
|
expect(style.getFill().getColor()).to.eql([255, 255, 255, 1]);
|
|
expect(style.getImage()).to.be(getDefaultImageStyle());
|
|
// FIXME check image style
|
|
expect(style.getStroke()).to.be(getDefaultStrokeStyle());
|
|
expect(style.getStroke().getColor()).to.eql([255, 255, 255, 1]);
|
|
expect(style.getStroke().getWidth()).to.be(1);
|
|
});
|
|
|
|
it('can read a feature\'s IconStyle using default crossOrigin', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <Style>' +
|
|
' <IconStyle>' +
|
|
' <Icon>' +
|
|
' <href>http://foo.png</href>' +
|
|
' </Icon>' +
|
|
' </IconStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
expect(style.getFill()).to.be(getDefaultFillStyle());
|
|
expect(style.getStroke()).to.be(getDefaultStrokeStyle());
|
|
const imageStyle = style.getImage();
|
|
expect(imageStyle).to.be.an(Icon);
|
|
expect(new URL(imageStyle.getSrc()).href).to.eql(new URL('http://foo.png').href);
|
|
expect(imageStyle.getAnchor()).to.be(null);
|
|
expect(imageStyle.getOrigin()).to.be(null);
|
|
expect(imageStyle.getRotation()).to.eql(0);
|
|
expect(imageStyle.getSize()).to.be(null);
|
|
expect(imageStyle.getScale()).to.be(1);
|
|
expect(imageStyle.getImage().crossOrigin).to.eql('anonymous');
|
|
expect(style.getText()).to.be(getDefaultTextStyle());
|
|
expect(style.getZIndex()).to.be(undefined);
|
|
});
|
|
|
|
it('can read a feature\'s IconStyle (and set the crossOrigin option)', function() {
|
|
format = new KML({crossOrigin: null});
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <Style>' +
|
|
' <IconStyle>' +
|
|
' <Icon>' +
|
|
' <href>http://foo.png</href>' +
|
|
' </Icon>' +
|
|
' </IconStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
expect(style.getFill()).to.be(getDefaultFillStyle());
|
|
expect(style.getStroke()).to.be(getDefaultStrokeStyle());
|
|
const imageStyle = style.getImage();
|
|
expect(imageStyle).to.be.an(Icon);
|
|
expect(new URL(imageStyle.getSrc()).href).to.eql(new URL('http://foo.png').href);
|
|
expect(imageStyle.getAnchor()).to.be(null);
|
|
expect(imageStyle.getOrigin()).to.be(null);
|
|
expect(imageStyle.getRotation()).to.eql(0);
|
|
expect(imageStyle.getSize()).to.be(null);
|
|
expect(imageStyle.getScale()).to.be(1);
|
|
expect(imageStyle.getImage().crossOrigin).to.be(null);
|
|
expect(style.getText()).to.be(getDefaultTextStyle());
|
|
expect(style.getZIndex()).to.be(undefined);
|
|
});
|
|
|
|
it('can read a IconStyle\'s hotspot', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark id="1">' +
|
|
' <Style>' +
|
|
' <IconStyle>' +
|
|
' <Icon>' +
|
|
' <href>http://foo.png</href>' +
|
|
' </Icon>' +
|
|
' <hotSpot x="0.5" xunits="fraction" y="0.5" yunits="fraction" />' +
|
|
' </IconStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
' <Placemark id="2">' +
|
|
' <Style>' +
|
|
' <IconStyle>' +
|
|
' <Icon>' +
|
|
' <href>http://foo.png</href>' +
|
|
' </Icon>' +
|
|
' <hotSpot x="5" xunits="pixels" y="5" yunits="pixels" />' +
|
|
' </IconStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
' <Placemark id="3">' +
|
|
' <Style>' +
|
|
' <IconStyle>' +
|
|
' <Icon>' +
|
|
' <href>http://foo.png</href>' +
|
|
' </Icon>' +
|
|
' <hotSpot x="5" xunits="insetPixels" y="5" yunits="pixels" />' +
|
|
' </IconStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
' <Placemark id="4">' +
|
|
' <Style>' +
|
|
' <IconStyle>' +
|
|
' <Icon>' +
|
|
' <href>http://foo.png</href>' +
|
|
' </Icon>' +
|
|
' <hotSpot x="5" xunits="pixels" y="5" yunits="insetPixels" />' +
|
|
' </IconStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
' <Placemark id="5">' +
|
|
' <Style>' +
|
|
' <IconStyle>' +
|
|
' <Icon>' +
|
|
' <href>http://foo.png</href>' +
|
|
' </Icon>' +
|
|
' <hotSpot x="5" xunits="insetPixels" y="5" yunits="insetPixels" />' +
|
|
' </IconStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(5);
|
|
fs.forEach(function(f) {
|
|
expect(f).to.be.an(Feature);
|
|
expect(f.getId()).to.be.within(1, 5);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
expect(style.getFill()).to.be(getDefaultFillStyle());
|
|
expect(style.getStroke()).to.be(getDefaultStrokeStyle());
|
|
const imageStyle = style.getImage();
|
|
expect(imageStyle).to.be.an(Icon);
|
|
expect(new URL(imageStyle.getSrc()).href).to.eql(new URL('http://foo.png').href);
|
|
expect(imageStyle.anchor_).to.be.an(Array);
|
|
expect(imageStyle.anchor_).to.have.length(2);
|
|
if (f.getId() == 1) {
|
|
expect(imageStyle.anchor_[0]).to.be(0.5);
|
|
expect(imageStyle.anchor_[1]).to.be(0.5);
|
|
expect(imageStyle.anchorOrigin_).to.be(IconOrigin.BOTTOM_LEFT);
|
|
expect(imageStyle.anchorXUnits_).to.be(IconAnchorUnits.FRACTION);
|
|
expect(imageStyle.anchorYUnits_).to.be(IconAnchorUnits.FRACTION);
|
|
} else {
|
|
expect(imageStyle.anchor_[0]).to.be(5);
|
|
expect(imageStyle.anchor_[1]).to.be(5);
|
|
expect(imageStyle.anchorXUnits_).to.be(IconAnchorUnits.PIXELS);
|
|
expect(imageStyle.anchorYUnits_).to.be(IconAnchorUnits.PIXELS);
|
|
if (f.getId() == 2) {
|
|
expect(imageStyle.anchorOrigin_).to.be(IconOrigin.BOTTOM_LEFT);
|
|
}
|
|
if (f.getId() == 3) {
|
|
expect(imageStyle.anchorOrigin_).to.be(IconOrigin.BOTTOM_RIGHT);
|
|
}
|
|
if (f.getId() == 4) {
|
|
expect(imageStyle.anchorOrigin_).to.be(IconOrigin.TOP_LEFT);
|
|
}
|
|
if (f.getId() == 5) {
|
|
expect(imageStyle.anchorOrigin_).to.be(IconOrigin.TOP_RIGHT);
|
|
}
|
|
}
|
|
expect(imageStyle.getRotation()).to.eql(0);
|
|
expect(imageStyle.getSize()).to.be(null);
|
|
expect(imageStyle.getScale()).to.be(1);
|
|
expect(style.getText()).to.be(getDefaultTextStyle());
|
|
expect(style.getZIndex()).to.be(undefined);
|
|
});
|
|
});
|
|
|
|
it('can read a complex feature\'s IconStyle', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2">' +
|
|
' <Placemark>' +
|
|
' <Style>' +
|
|
' <IconStyle>' +
|
|
' <scale>3.0</scale>' +
|
|
' <Icon>' +
|
|
' <href>http://foo.png</href>' +
|
|
' <gx:x>24</gx:x>' +
|
|
' <gx:y>36</gx:y>' +
|
|
' <gx:w>48</gx:w>' +
|
|
' <gx:h>48</gx:h>' +
|
|
' </Icon>' +
|
|
' <hotSpot x="0.5" y="12" xunits="fraction" ' +
|
|
' yunits="pixels"/>' +
|
|
' </IconStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
expect(style.getFill()).to.be(getDefaultFillStyle());
|
|
expect(style.getStroke()).to.be(getDefaultStrokeStyle());
|
|
const imageStyle = style.getImage();
|
|
imageStyle.iconImage_.size_ = [144, 192];
|
|
expect(imageStyle.getSize()).to.eql([48, 48]);
|
|
expect(imageStyle.getAnchor()).to.eql([24, 36]);
|
|
expect(imageStyle.getOrigin()).to.eql([24, 108]);
|
|
expect(imageStyle.getRotation()).to.eql(0);
|
|
expect(imageStyle.getScale()).to.eql(3.0);
|
|
expect(style.getText()).to.be(getDefaultTextStyle());
|
|
expect(style.getZIndex()).to.be(undefined);
|
|
});
|
|
|
|
it('can read a feature\'s LabelStyle', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <Style>' +
|
|
' <LabelStyle>' +
|
|
' <color>12345678</color>' +
|
|
' <scale>0.25</scale>' +
|
|
' </LabelStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
expect(style.getFill()).to.be(getDefaultFillStyle());
|
|
expect(style.getImage()).to.be(getDefaultImageStyle());
|
|
expect(style.getStroke()).to.be(getDefaultStrokeStyle());
|
|
const textStyle = style.getText();
|
|
expect(textStyle).to.be.an(Text);
|
|
expect(textStyle.getScale()).to.be(0.25);
|
|
const textFillStyle = textStyle.getFill();
|
|
expect(textFillStyle).to.be.an(Fill);
|
|
expect(textFillStyle.getColor()).to.eql([0x78, 0x56, 0x34, 0x12 / 255]);
|
|
expect(style.getZIndex()).to.be(undefined);
|
|
});
|
|
|
|
it('can read a feature\'s LineStyle', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <Style>' +
|
|
' <LineStyle>' +
|
|
' <color>12345678</color>' +
|
|
' <width>9</width>' +
|
|
' </LineStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
expect(style.getFill()).to.be(getDefaultFillStyle());
|
|
expect(style.getImage()).to.be(getDefaultImageStyle());
|
|
const strokeStyle = style.getStroke();
|
|
expect(strokeStyle).to.be.an(Stroke);
|
|
expect(strokeStyle.getColor()).to.eql([0x78, 0x56, 0x34, 0x12 / 255]);
|
|
expect(strokeStyle.getWidth()).to.be(9);
|
|
expect(style.getText()).to.be(getDefaultTextStyle());
|
|
expect(style.getZIndex()).to.be(undefined);
|
|
});
|
|
|
|
it('can read a feature\'s PolyStyle', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <Style>' +
|
|
' <PolyStyle>' +
|
|
' <color>12345678</color>' +
|
|
' </PolyStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
const fillStyle = style.getFill();
|
|
expect(fillStyle).to.be.an(Fill);
|
|
expect(fillStyle.getColor()).to.eql([0x78, 0x56, 0x34, 0x12 / 255]);
|
|
expect(style.getImage()).to.be(getDefaultImageStyle());
|
|
expect(style.getStroke()).to.be(getDefaultStrokeStyle());
|
|
expect(style.getText()).to.be(getDefaultTextStyle());
|
|
expect(style.getZIndex()).to.be(undefined);
|
|
});
|
|
|
|
it('can read a feature\'s LineStyle and PolyStyle', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <Style>' +
|
|
' <LineStyle>' +
|
|
' <color>12345678</color>' +
|
|
' <width>9</width>' +
|
|
' </LineStyle>' +
|
|
' <PolyStyle>' +
|
|
' <color>12345678</color>' +
|
|
' </PolyStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
const fillStyle = style.getFill();
|
|
expect(fillStyle).to.be.an(Fill);
|
|
expect(fillStyle.getColor()).to.eql([0x78, 0x56, 0x34, 0x12 / 255]);
|
|
expect(style.getImage()).to.be(getDefaultImageStyle());
|
|
const strokeStyle = style.getStroke();
|
|
expect(strokeStyle).to.be.an(Stroke);
|
|
expect(strokeStyle.getColor()).to.eql([0x78, 0x56, 0x34, 0x12 / 255]);
|
|
expect(strokeStyle.getWidth()).to.be(9);
|
|
expect(style.getText()).to.be(getDefaultTextStyle());
|
|
expect(style.getZIndex()).to.be(undefined);
|
|
});
|
|
|
|
it('disables the fill when fill is \'0\'', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <Style>' +
|
|
' <LineStyle>' +
|
|
' <color>12345678</color>' +
|
|
' <width>9</width>' +
|
|
' </LineStyle>' +
|
|
' <PolyStyle>' +
|
|
' <color>12345678</color>' +
|
|
' <fill>0</fill>' +
|
|
' </PolyStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
expect(style.getFill()).to.be(null);
|
|
expect(style.getImage()).to.be(getDefaultImageStyle());
|
|
const strokeStyle = style.getStroke();
|
|
expect(strokeStyle).to.be.an(Stroke);
|
|
expect(strokeStyle.getColor()).to.eql([0x78, 0x56, 0x34, 0x12 / 255]);
|
|
expect(strokeStyle.getWidth()).to.be(9);
|
|
expect(style.getText()).to.be(getDefaultTextStyle());
|
|
expect(style.getZIndex()).to.be(undefined);
|
|
});
|
|
|
|
it('disables the stroke when outline is \'0\'', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <Style>' +
|
|
' <LineStyle>' +
|
|
' <color>12345678</color>' +
|
|
' <width>9</width>' +
|
|
' </LineStyle>' +
|
|
' <PolyStyle>' +
|
|
' <color>12345678</color>' +
|
|
' <outline>0</outline>' +
|
|
' </PolyStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
const fillStyle = style.getFill();
|
|
expect(fillStyle).to.be.an(Fill);
|
|
expect(fillStyle.getColor()).to.eql([0x78, 0x56, 0x34, 0x12 / 255]);
|
|
expect(style.getImage()).to.be(getDefaultImageStyle());
|
|
expect(style.getStroke()).to.be(null);
|
|
expect(style.getText()).to.be(getDefaultTextStyle());
|
|
expect(style.getZIndex()).to.be(undefined);
|
|
});
|
|
|
|
it('disables both fill and stroke when fill and outline are \'0\'',
|
|
function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <Style>' +
|
|
' <LineStyle>' +
|
|
' <color>12345678</color>' +
|
|
' <width>9</width>' +
|
|
' </LineStyle>' +
|
|
' <PolyStyle>' +
|
|
' <color>12345678</color>' +
|
|
' <fill>0</fill>' +
|
|
' <outline>0</outline>' +
|
|
' </PolyStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
expect(style.getFill()).to.be(null);
|
|
expect(style.getImage()).to.be(getDefaultImageStyle());
|
|
expect(style.getStroke()).to.be(null);
|
|
expect(style.getText()).to.be(getDefaultTextStyle());
|
|
expect(style.getZIndex()).to.be(undefined);
|
|
});
|
|
|
|
it('can create text style for named point placemarks', function() {
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Style id="sh_ylw-pushpin">' +
|
|
' <IconStyle>' +
|
|
' <scale>0.3</scale>' +
|
|
' <Icon>' +
|
|
' <href>http://maps.google.com/mapfiles/kml/pushpin/' +
|
|
'ylw-pushpin.png</href>' +
|
|
' </Icon>' +
|
|
' <hotSpot x="20" y="2" xunits="pixels" yunits="pixels"/>' +
|
|
' </IconStyle>' +
|
|
' </Style>' +
|
|
' <StyleMap id="msn_ylw-pushpin0">' +
|
|
' <Pair>' +
|
|
' <key>normal</key>' +
|
|
' <styleUrl>#sn_ylw-pushpin</styleUrl>' +
|
|
' </Pair>' +
|
|
' <Pair>' +
|
|
' <key>highlight</key>' +
|
|
' <styleUrl>#sh_ylw-pushpin</styleUrl>' +
|
|
' </Pair>' +
|
|
' </StyleMap>' +
|
|
' <Placemark>' +
|
|
' <name>Test</name>' +
|
|
' <styleUrl>#msn_ylw-pushpin0</styleUrl>' +
|
|
' <Point>' +
|
|
' <coordinates>1,2</coordinates>' +
|
|
' </Point>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(2);
|
|
const style = styleArray[1];
|
|
expect(style).to.be.an(Style);
|
|
expect(style.getText().getText()).to.eql(f.getProperties()['name']);
|
|
});
|
|
|
|
it('can create text style for named point placemarks', function() {
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Style id="sh_ylw-pushpin">' +
|
|
' <IconStyle>' +
|
|
' <scale>0.3</scale>' +
|
|
' <Icon>' +
|
|
' <href>http://maps.google.com/mapfiles/kml/pushpin/' +
|
|
'ylw-pushpin.png</href>' +
|
|
' </Icon>' +
|
|
' <hotSpot x="20" y="2" xunits="pixels" yunits="pixels"/>' +
|
|
' </IconStyle>' +
|
|
' </Style>' +
|
|
' <StyleMap id="msn_ylw-pushpin0">' +
|
|
' <Pair>' +
|
|
' <key>normal</key>' +
|
|
' <styleUrl>#sn_ylw-pushpin</styleUrl>' +
|
|
' </Pair>' +
|
|
' <Pair>' +
|
|
' <key>highlight</key>' +
|
|
' <styleUrl>#sh_ylw-pushpin</styleUrl>' +
|
|
' </Pair>' +
|
|
' </StyleMap>' +
|
|
' <Placemark>' +
|
|
' <name>Test</name>' +
|
|
' <styleUrl>#msn_ylw-pushpin0</styleUrl>' +
|
|
' <Point>' +
|
|
' <coordinates>1,2</coordinates>' +
|
|
' </Point>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(2);
|
|
const style = styleArray[1];
|
|
expect(style).to.be.an(Style);
|
|
expect(style.getText().getText()).to.eql(f.getProperties()['name']);
|
|
});
|
|
|
|
it('can write an feature\'s icon style', function() {
|
|
const style = new Style({
|
|
image: new Icon({
|
|
anchor: [0.25, 36],
|
|
anchorOrigin: 'top-left',
|
|
anchorXUnits: 'fraction',
|
|
anchorYUnits: 'pixels',
|
|
crossOrigin: 'anonymous',
|
|
offset: [96, 96],
|
|
offsetOrigin: 'top-left',
|
|
rotation: 45,
|
|
scale: 0.5,
|
|
size: [48, 48],
|
|
src: 'http://foo.png'
|
|
})
|
|
});
|
|
const imageStyle = style.getImage();
|
|
imageStyle.iconImage_.size_ = [192, 144]; // sprite de 12 images(4*3)
|
|
const feature = new Feature();
|
|
feature.setStyle([style]);
|
|
const node = format.writeFeaturesNode([feature]);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <Style>' +
|
|
' <IconStyle>' +
|
|
' <scale>0.5</scale>' +
|
|
' <heading>45</heading>' +
|
|
' <Icon>' +
|
|
' <href>http://foo.png</href>' +
|
|
' <gx:x>96</gx:x>' +
|
|
' <gx:y>0</gx:y>' +
|
|
' <gx:w>48</gx:w>' +
|
|
' <gx:h>48</gx:h>' +
|
|
' </Icon>' +
|
|
' <hotSpot x="12" y="12" xunits="pixels" ' +
|
|
' yunits="pixels"/>' +
|
|
' </IconStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('does not write styles when writeStyles option is false', function() {
|
|
format = new KML({writeStyles: false});
|
|
const style = new Style({
|
|
image: new Icon({
|
|
src: 'http://foo.png'
|
|
})
|
|
});
|
|
const feature = new Feature();
|
|
feature.setStyle([style]);
|
|
const node = format.writeFeaturesNode([feature]);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('skips image styles that are not icon styles', function() {
|
|
const style = new Style({
|
|
image: new CircleStyle({
|
|
radius: 4,
|
|
fill: new Fill({
|
|
color: 'rgb(12, 34, 223)'
|
|
})
|
|
})
|
|
});
|
|
const feature = new Feature();
|
|
feature.setStyle([style]);
|
|
const node = format.writeFeaturesNode([feature]);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <Style>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write an feature\'s text style', function() {
|
|
const style = new Style({
|
|
text: new Text({
|
|
scale: 0.5,
|
|
text: 'foo',
|
|
fill: new Fill({
|
|
color: 'rgb(12, 34, 223)'
|
|
})
|
|
})
|
|
});
|
|
const feature = new Feature();
|
|
feature.setStyle([style]);
|
|
const node = format.writeFeaturesNode([feature]);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <name>foo</name>' +
|
|
' <Style>' +
|
|
' <LabelStyle>' +
|
|
' <color>ffdf220c</color>' +
|
|
' <scale>0.5</scale>' +
|
|
' </LabelStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write an feature\'s stroke style', function() {
|
|
const style = new Style({
|
|
stroke: new Stroke({
|
|
color: '#112233',
|
|
width: 2
|
|
})
|
|
});
|
|
const feature = new Feature();
|
|
feature.setStyle([style]);
|
|
const node = format.writeFeaturesNode([feature]);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <Style>' +
|
|
' <LineStyle>' +
|
|
' <color>ff332211</color>' +
|
|
' <width>2</width>' +
|
|
' </LineStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write an feature\'s fill style', function() {
|
|
const style = new Style({
|
|
fill: new Fill({
|
|
color: 'rgba(12, 34, 223, 0.7)'
|
|
})
|
|
});
|
|
const feature = new Feature();
|
|
feature.setStyle([style]);
|
|
const node = format.writeFeaturesNode([feature]);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Placemark>' +
|
|
' <Style>' +
|
|
' <PolyStyle>' +
|
|
' <color>b2df220c</color>' +
|
|
' </PolyStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
it('can write multiple features with Style', function() {
|
|
const style = new Style({
|
|
fill: new Fill({
|
|
color: 'rgba(12, 34, 223, 0.7)'
|
|
})
|
|
});
|
|
const feature = new Feature();
|
|
feature.setStyle(style);
|
|
const feature2 = new Feature();
|
|
feature2.setStyle(style);
|
|
const node = format.writeFeaturesNode([feature, feature2]);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Document>' +
|
|
' <Placemark>' +
|
|
' <Style>' +
|
|
' <PolyStyle>' +
|
|
' <color>b2df220c</color>' +
|
|
' </PolyStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
' <Placemark>' +
|
|
' <Style>' +
|
|
' <PolyStyle>' +
|
|
' <color>b2df220c</color>' +
|
|
' </PolyStyle>' +
|
|
' </Style>' +
|
|
' </Placemark>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
});
|
|
|
|
describe('style maps', function() {
|
|
|
|
it('can read a normal style', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Document>' +
|
|
' <Placemark id="a">' +
|
|
' <StyleMap>' +
|
|
' <Pair>' +
|
|
' <key>normal</key>' +
|
|
' <Style>' +
|
|
' <PolyStyle>' +
|
|
' <color>00000000</color>' +
|
|
' </PolyStyle>' +
|
|
' </Style>' +
|
|
' </Pair>' +
|
|
' </StyleMap>' +
|
|
' </Placemark>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const s = styleArray[0];
|
|
expect(s).to.be.an(Style);
|
|
expect(s.getFill()).not.to.be(null);
|
|
expect(s.getFill().getColor()).to.eql([0, 0, 0, 0]);
|
|
});
|
|
|
|
it('can read a normal IconStyle (and set the crossOrigin option)', function() {
|
|
format = new KML({crossOrigin: null});
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Document>' +
|
|
' <Placemark id="a">' +
|
|
' <StyleMap>' +
|
|
' <Pair>' +
|
|
' <key>normal</key>' +
|
|
' <Style>' +
|
|
' <IconStyle>' +
|
|
' <Icon>' +
|
|
' <href>http://bar.png</href>' +
|
|
' </Icon>' +
|
|
' </IconStyle>' +
|
|
' </Style>' +
|
|
' </Pair>' +
|
|
' </StyleMap>' +
|
|
' </Placemark>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
expect(style.getFill()).to.be(getDefaultFillStyle());
|
|
expect(style.getStroke()).to.be(getDefaultStrokeStyle());
|
|
const imageStyle = style.getImage();
|
|
expect(imageStyle).to.be.an(Icon);
|
|
expect(new URL(imageStyle.getSrc()).href).to.eql(new URL('http://bar.png').href);
|
|
expect(imageStyle.getAnchor()).to.be(null);
|
|
expect(imageStyle.getOrigin()).to.be(null);
|
|
expect(imageStyle.getRotation()).to.eql(0);
|
|
expect(imageStyle.getSize()).to.be(null);
|
|
expect(imageStyle.getScale()).to.be(1);
|
|
expect(imageStyle.getImage().crossOrigin).to.be(null);
|
|
expect(style.getText()).to.be(getDefaultTextStyle());
|
|
expect(style.getZIndex()).to.be(undefined);
|
|
});
|
|
|
|
it('ignores highlight styles', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Document>' +
|
|
' <Placemark>' +
|
|
' <StyleMap>' +
|
|
' <Pair>' +
|
|
' <key>highlight</key>' +
|
|
' <Style>' +
|
|
' <PolyStyle>' +
|
|
' <color>00000000</color>' +
|
|
' </PolyStyle>' +
|
|
' </Style>' +
|
|
' </Pair>' +
|
|
' </StyleMap>' +
|
|
' </Placemark>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const s = styleArray[0];
|
|
expect(s).to.be.an(Style);
|
|
expect(s).to.be(getDefaultStyle());
|
|
});
|
|
|
|
it('uses normal styles instead of highlight styles', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Document>' +
|
|
' <Placemark id="a">' +
|
|
' <StyleMap>' +
|
|
' <Pair>' +
|
|
' <key>normal</key>' +
|
|
' <Style>' +
|
|
' <PolyStyle>' +
|
|
' <color>00000000</color>' +
|
|
' </PolyStyle>' +
|
|
' </Style>' +
|
|
' </Pair>' +
|
|
' <Pair>' +
|
|
' <key>highlight</key>' +
|
|
' <Style>' +
|
|
' <PolyStyle>' +
|
|
' <color>ffffffff</color>' +
|
|
' </PolyStyle>' +
|
|
' </Style>' +
|
|
' </Pair>' +
|
|
' </StyleMap>' +
|
|
' </Placemark>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const s = styleArray[0];
|
|
expect(s).to.be.an(Style);
|
|
expect(s.getFill()).not.to.be(null);
|
|
expect(s.getFill().getColor()).to.eql([0, 0, 0, 0]);
|
|
});
|
|
|
|
it('can read normal styleUrls', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Document>' +
|
|
' <Style id="foo">' +
|
|
' <PolyStyle>' +
|
|
' <color>00000000</color>' +
|
|
' </PolyStyle>' +
|
|
' </Style>' +
|
|
' <Placemark>' +
|
|
' <StyleMap>' +
|
|
' <Pair>' +
|
|
' <key>normal</key>' +
|
|
' <styleUrl>#foo</styleUrl>' +
|
|
' </Pair>' +
|
|
' </StyleMap>' +
|
|
' </Placemark>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const s = styleArray[0];
|
|
expect(s).to.be.an(Style);
|
|
expect(s.getFill()).not.to.be(null);
|
|
expect(s.getFill().getColor()).to.eql([0, 0, 0, 0]);
|
|
});
|
|
|
|
it('ignores highlight styleUrls', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Document>' +
|
|
' <Style id="foo">' +
|
|
' <PolyStyle>' +
|
|
' <color>00000000</color>' +
|
|
' </PolyStyle>' +
|
|
' </Style>' +
|
|
' <Placemark>' +
|
|
' <StyleMap>' +
|
|
' <Pair>' +
|
|
' <key>highlight</key>' +
|
|
' <styleUrl>#foo</styleUrl>' +
|
|
' </Pair>' +
|
|
' </StyleMap>' +
|
|
' </Placemark>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const s = styleArray[0];
|
|
expect(s).to.be.an(Style);
|
|
expect(s).to.be(getDefaultStyle());
|
|
});
|
|
|
|
it('can use Styles in StyleMaps before they are defined', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Document>' +
|
|
' <StyleMap id="fooMap">' +
|
|
' <Pair>' +
|
|
' <key>normal</key>' +
|
|
' <styleUrl>#foo</styleUrl>' +
|
|
' </Pair>' +
|
|
' </StyleMap>' +
|
|
' <Style id="foo">' +
|
|
' <PolyStyle>' +
|
|
' <color>12345678</color>' +
|
|
' </PolyStyle>' +
|
|
' </Style>' +
|
|
' <Placemark>' +
|
|
' <styleUrl>#fooMap</styleUrl>' +
|
|
' </Placemark>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const s = styleArray[0];
|
|
expect(s).to.be.an(Style);
|
|
expect(s.getFill()).not.to.be(null);
|
|
expect(s.getFill().getColor()).to.eql([120, 86, 52, 18 / 255]);
|
|
});
|
|
|
|
it('can use IconStyles in StyleMaps before they are defined (and set the crossOrigin option)', function() {
|
|
format = new KML({crossOrigin: null});
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Document>' +
|
|
' <StyleMap id="fooMap">' +
|
|
' <Pair>' +
|
|
' <key>normal</key>' +
|
|
' <styleUrl>#foo</styleUrl>' +
|
|
' </Pair>' +
|
|
' </StyleMap>' +
|
|
' <Style id="foo">' +
|
|
' <IconStyle>' +
|
|
' <Icon>' +
|
|
' <href>http://bar.png</href>' +
|
|
' </Icon>' +
|
|
' </IconStyle>' +
|
|
' </Style>' +
|
|
' <Placemark>' +
|
|
' <styleUrl>#fooMap</styleUrl>' +
|
|
' </Placemark>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
expect(style.getFill()).to.be(getDefaultFillStyle());
|
|
expect(style.getStroke()).to.be(getDefaultStrokeStyle());
|
|
const imageStyle = style.getImage();
|
|
expect(imageStyle).to.be.an(Icon);
|
|
expect(new URL(imageStyle.getSrc()).href).to.eql(new URL('http://bar.png').href);
|
|
expect(imageStyle.getAnchor()).to.be(null);
|
|
expect(imageStyle.getOrigin()).to.be(null);
|
|
expect(imageStyle.getRotation()).to.eql(0);
|
|
expect(imageStyle.getSize()).to.be(null);
|
|
expect(imageStyle.getScale()).to.be(1);
|
|
expect(imageStyle.getImage().crossOrigin).to.be(null);
|
|
expect(style.getText()).to.be(getDefaultTextStyle());
|
|
expect(style.getZIndex()).to.be(undefined);
|
|
});
|
|
|
|
});
|
|
|
|
describe('shared styles', function() {
|
|
|
|
it('can apply a shared style to a feature', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Document>' +
|
|
' <Style id="foo">' +
|
|
' <PolyStyle>' +
|
|
' <color>12345678</color>' +
|
|
' </PolyStyle>' +
|
|
' </Style>' +
|
|
' <Placemark>' +
|
|
' <styleUrl>#foo</styleUrl>' +
|
|
' </Placemark>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
const fillStyle = style.getFill();
|
|
expect(fillStyle).to.be.an(Fill);
|
|
expect(fillStyle.getColor()).to.eql([0x78, 0x56, 0x34, 0x12 / 255]);
|
|
});
|
|
|
|
it('can apply a shared IconStyle to a feature (and set the crossOrigin option)', function() {
|
|
format = new KML({crossOrigin: null});
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Document>' +
|
|
' <Style id="foo">' +
|
|
' <IconStyle>' +
|
|
' <Icon>' +
|
|
' <href>http://bar.png</href>' +
|
|
' </Icon>' +
|
|
' </IconStyle>' +
|
|
' </Style>' +
|
|
' <Placemark>' +
|
|
' <styleUrl>#foo</styleUrl>' +
|
|
' </Placemark>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
expect(style.getFill()).to.be(getDefaultFillStyle());
|
|
expect(style.getStroke()).to.be(getDefaultStrokeStyle());
|
|
const imageStyle = style.getImage();
|
|
expect(imageStyle).to.be.an(Icon);
|
|
expect(new URL(imageStyle.getSrc()).href).to.eql(new URL('http://bar.png').href);
|
|
expect(imageStyle.getAnchor()).to.be(null);
|
|
expect(imageStyle.getOrigin()).to.be(null);
|
|
expect(imageStyle.getRotation()).to.eql(0);
|
|
expect(imageStyle.getSize()).to.be(null);
|
|
expect(imageStyle.getScale()).to.be(1);
|
|
expect(imageStyle.getImage().crossOrigin).to.be(null);
|
|
expect(style.getText()).to.be(getDefaultTextStyle());
|
|
expect(style.getZIndex()).to.be(undefined);
|
|
});
|
|
|
|
it('can read a shared style from a Folder', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Document>' +
|
|
' <Folder>' +
|
|
' <Style id="foo">' +
|
|
' <PolyStyle>' +
|
|
' <color>12345678</color>' +
|
|
' </PolyStyle>' +
|
|
' </Style>' +
|
|
' </Folder>' +
|
|
' <Placemark>' +
|
|
' <styleUrl>#foo</styleUrl>' +
|
|
' </Placemark>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
const fillStyle = style.getFill();
|
|
expect(fillStyle).to.be.an(Fill);
|
|
expect(fillStyle.getColor()).to.eql([0x78, 0x56, 0x34, 0x12 / 255]);
|
|
});
|
|
|
|
it('can read a shared IconStyle from a Folder (and set the crossOrigin option)', function() {
|
|
format = new KML({crossOrigin: null});
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Document>' +
|
|
' <Folder>' +
|
|
' <Style id="foo">' +
|
|
' <IconStyle>' +
|
|
' <Icon>' +
|
|
' <href>http://bar.png</href>' +
|
|
' </Icon>' +
|
|
' </IconStyle>' +
|
|
' </Style>' +
|
|
' </Folder>' +
|
|
' <Placemark>' +
|
|
' <styleUrl>#foo</styleUrl>' +
|
|
' </Placemark>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
expect(styleArray).to.have.length(1);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
expect(style.getFill()).to.be(getDefaultFillStyle());
|
|
expect(style.getStroke()).to.be(getDefaultStrokeStyle());
|
|
const imageStyle = style.getImage();
|
|
expect(imageStyle).to.be.an(Icon);
|
|
expect(new URL(imageStyle.getSrc()).href).to.eql(new URL('http://bar.png').href);
|
|
expect(imageStyle.getAnchor()).to.be(null);
|
|
expect(imageStyle.getOrigin()).to.be(null);
|
|
expect(imageStyle.getRotation()).to.eql(0);
|
|
expect(imageStyle.getSize()).to.be(null);
|
|
expect(imageStyle.getScale()).to.be(1);
|
|
expect(imageStyle.getImage().crossOrigin).to.be(null);
|
|
expect(style.getText()).to.be(getDefaultTextStyle());
|
|
expect(style.getZIndex()).to.be(undefined);
|
|
});
|
|
|
|
it('can apply a shared style to multiple features', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Document>' +
|
|
' <Style id="foo">' +
|
|
' <PolyStyle>' +
|
|
' <color>12345678</color>' +
|
|
' </PolyStyle>' +
|
|
' </Style>' +
|
|
' <Placemark id="a">' +
|
|
' <styleUrl>#foo</styleUrl>' +
|
|
' </Placemark>' +
|
|
' <Placemark id="b">' +
|
|
' <styleUrl>#foo</styleUrl>' +
|
|
' </Placemark>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(2);
|
|
const f1 = fs[0];
|
|
expect(f1).to.be.an(Feature);
|
|
const styleFunction1 = f1.getStyleFunction();
|
|
expect(styleFunction1).not.to.be(undefined);
|
|
const styleArray1 = styleFunction1(f1, 0);
|
|
expect(styleArray1).to.be.an(Array);
|
|
const f2 = fs[1];
|
|
expect(f2).to.be.an(Feature);
|
|
const styleFunction2 = f2.getStyleFunction();
|
|
expect(styleFunction2).not.to.be(undefined);
|
|
const styleArray2 = styleFunction2(f2, 0);
|
|
expect(styleArray2).to.be.an(Array);
|
|
expect(styleArray1).to.be(styleArray2);
|
|
});
|
|
|
|
});
|
|
|
|
describe('multiple features', function() {
|
|
|
|
it('returns no features from an empty Document', function() {
|
|
const text =
|
|
'<Document xmlns="http://earth.google.com/kml/2.2">' +
|
|
'</Document>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.be.empty();
|
|
});
|
|
|
|
it('can read a single feature from a Document', function() {
|
|
const text =
|
|
'<Document xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' </Placemark>' +
|
|
'</Document>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
expect(fs[0]).to.be.an(Feature);
|
|
});
|
|
|
|
it('can read a single feature from nested Document', function() {
|
|
const text =
|
|
'<Document xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Document>' +
|
|
' <Placemark>' +
|
|
' </Placemark>' +
|
|
' </Document>' +
|
|
'</Document>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
expect(fs[0]).to.be.an(Feature);
|
|
});
|
|
|
|
it('can transform and read a single feature from a Document', function() {
|
|
const text =
|
|
'<Document xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <Point>' +
|
|
' <coordinates>1,2,3</coordinates>' +
|
|
' </Point>' +
|
|
' </Placemark>' +
|
|
'</Document>';
|
|
const fs = format.readFeatures(text, {
|
|
featureProjection: 'EPSG:3857'
|
|
});
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be.an(Point);
|
|
const expectedPoint = transform([1, 2], 'EPSG:4326', 'EPSG:3857');
|
|
expectedPoint.push(3);
|
|
expect(g.getCoordinates()).to.eql(expectedPoint);
|
|
});
|
|
|
|
it('can read a multiple features from a Document', function() {
|
|
const text =
|
|
'<Document xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark id="1">' +
|
|
' </Placemark>' +
|
|
' <Placemark id="2">' +
|
|
' </Placemark>' +
|
|
'</Document>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(2);
|
|
expect(fs[0]).to.be.an(Feature);
|
|
expect(fs[0].getId()).to.be('1');
|
|
expect(fs[1]).to.be.an(Feature);
|
|
expect(fs[1].getId()).to.be('2');
|
|
});
|
|
|
|
it('returns no features from an empty Folder', function() {
|
|
const text =
|
|
'<Folder xmlns="http://earth.google.com/kml/2.2">' +
|
|
'</Folder>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.be.empty();
|
|
});
|
|
|
|
it('can read a single feature from a Folder', function() {
|
|
const text =
|
|
'<Folder xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' </Placemark>' +
|
|
'</Folder>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
expect(fs[0]).to.be.an(Feature);
|
|
});
|
|
|
|
it('can read a multiple features from a Folder', function() {
|
|
const text =
|
|
'<Folder xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark id="1">' +
|
|
' </Placemark>' +
|
|
' <Placemark id="2">' +
|
|
' </Placemark>' +
|
|
'</Folder>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(2);
|
|
expect(fs[0]).to.be.an(Feature);
|
|
expect(fs[0].getId()).to.be('1');
|
|
expect(fs[1]).to.be.an(Feature);
|
|
expect(fs[1].getId()).to.be('2');
|
|
});
|
|
|
|
it('can read features from Folders nested in Documents', function() {
|
|
const text =
|
|
'<Document xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Folder>' +
|
|
' <Placemark>' +
|
|
' </Placemark>' +
|
|
' </Folder>' +
|
|
'</Document>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
expect(fs[0]).to.be.an(Feature);
|
|
});
|
|
|
|
it('can read features from Folders nested in Folders', function() {
|
|
const text =
|
|
'<Folder xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Folder>' +
|
|
' <Placemark>' +
|
|
' </Placemark>' +
|
|
' </Folder>' +
|
|
'</Folder>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
expect(fs[0]).to.be.an(Feature);
|
|
});
|
|
|
|
it('can read a single feature', function() {
|
|
const text =
|
|
'<Placemark xmlns="http://earth.google.com/kml/2.2">' +
|
|
'</Placemark>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(1);
|
|
expect(fs[0]).to.be.an(Feature);
|
|
});
|
|
|
|
it('can read features at multiple levels', function() {
|
|
const text =
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Document>' +
|
|
' <Placemark id="a"/>' +
|
|
' <Folder>' +
|
|
' <Placemark id="b"/>' +
|
|
' <Folder>' +
|
|
' <Placemark id="c"/>' +
|
|
' </Folder>' +
|
|
' <Placemark id="d"/>' +
|
|
' </Folder>' +
|
|
' <Placemark id="e"/>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(text);
|
|
expect(fs).to.have.length(5);
|
|
expect(fs[0]).to.be.an(Feature);
|
|
expect(fs[0].getId()).to.be('a');
|
|
expect(fs[1]).to.be.an(Feature);
|
|
expect(fs[1].getId()).to.be('b');
|
|
expect(fs[2]).to.be.an(Feature);
|
|
expect(fs[2].getId()).to.be('c');
|
|
expect(fs[3]).to.be.an(Feature);
|
|
expect(fs[3].getId()).to.be('d');
|
|
expect(fs[4]).to.be.an(Feature);
|
|
expect(fs[4].getId()).to.be('e');
|
|
});
|
|
|
|
it('supports common namespaces', function() {
|
|
expect(format.readFeatures(
|
|
'<kml xmlns="http://earth.google.com/kml/2.0">' +
|
|
' <Placemark/>' +
|
|
'</kml>')).to.have.length(1);
|
|
expect(format.readFeatures(
|
|
'<kml xmlns="http://earth.google.com/kml/2.2">' +
|
|
' <Placemark/>' +
|
|
'</kml>')).to.have.length(1);
|
|
expect(format.readFeatures(
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2">' +
|
|
' <Placemark/>' +
|
|
'</kml>')).to.have.length(1);
|
|
});
|
|
|
|
it('ignores unknown namespaces', function() {
|
|
expect(format.readFeatures(
|
|
'<kml xmlns="http://example.com/notkml/1.0">' +
|
|
' <Placemark/>' +
|
|
'</kml>')).to.be.empty();
|
|
});
|
|
|
|
it('can write multiple features', function() {
|
|
const feature1 = new Feature();
|
|
feature1.setId('1');
|
|
const feature2 = new Feature();
|
|
feature2.setId('2');
|
|
const node = format.writeFeaturesNode([feature1, feature2]);
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2"' +
|
|
' xmlns:gx="http://www.google.com/kml/ext/2.2"' +
|
|
' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
|
|
' xsi:schemaLocation="http://www.opengis.net/kml/2.2' +
|
|
' https://developers.google.com/kml/schema/kml22gx.xsd">' +
|
|
' <Document>' +
|
|
' <Placemark id="1">' +
|
|
' </Placemark>' +
|
|
' <Placemark id="2">' +
|
|
' </Placemark>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
expect(node).to.xmleql(parse(text));
|
|
});
|
|
|
|
});
|
|
|
|
describe('error handling', function() {
|
|
|
|
it('should ignore invalid coordinates', function() {
|
|
const doc = new DOMParser().parseFromString('<coordinates>INVALID</coordinates>', 'application/xml');
|
|
const node = doc.firstChild;
|
|
expect(readFlatCoordinates(node)).to.be(undefined);
|
|
});
|
|
|
|
it('should ignore Points with invalid coordinates', function() {
|
|
const kml =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <Point>' +
|
|
' <coordinates>INVALID COORDINATES</coordinates>' +
|
|
' </Point>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(kml);
|
|
expect(fs).to.be.an(Array);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
expect(f.getGeometry()).to.be(null);
|
|
});
|
|
|
|
it('should ignore LineStrings with invalid coordinates', function() {
|
|
const kml =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <Point>' +
|
|
' <coordinates>INVALID COORDINATES</coordinates>' +
|
|
' </Point>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(kml);
|
|
expect(fs).to.be.an(Array);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
expect(f.getGeometry()).to.be(null);
|
|
});
|
|
|
|
it('should ignore Polygons with no rings', function() {
|
|
const kml =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <Polygon>' +
|
|
' <coordinates>INVALID COORDINATES</coordinates>' +
|
|
' </Polygon>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(kml);
|
|
expect(fs).to.be.an(Array);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
expect(f.getGeometry()).to.be(null);
|
|
});
|
|
|
|
it('should ignore Polygons with no outer ring', function() {
|
|
const kml =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <Polygon>' +
|
|
' <innerRingIs>' +
|
|
' <LinearRing>' +
|
|
' <coordinates>1,2,3 4,5,6 7,8,9</coordinates>' +
|
|
' </LinearRing>' +
|
|
' </innerRingIs>' +
|
|
' </Polygon>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(kml);
|
|
expect(fs).to.be.an(Array);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
expect(f.getGeometry()).to.be(null);
|
|
});
|
|
|
|
it('should ignore geometries with invalid coordinates', function() {
|
|
const kml =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <MultiGeometry>' +
|
|
' <Point>' +
|
|
' <coordinates>INVALID COORDINATES</coordinates>' +
|
|
' </Point>' +
|
|
' </MultiGeometry>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(kml);
|
|
expect(fs).to.be.an(Array);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
const g = f.getGeometry();
|
|
expect(g).to.be.an(GeometryCollection);
|
|
expect(g.getGeometries()).to.be.empty();
|
|
});
|
|
|
|
it('should ignore invalid booleans', function() {
|
|
const kml =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <visibility>foo</visibility>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(kml);
|
|
expect(fs).to.be.an(Array);
|
|
expect(fs).to.have.length(1);
|
|
const f = fs[0];
|
|
expect(f).to.be.an(Feature);
|
|
expect(f.get('visibility')).to.be(undefined);
|
|
});
|
|
|
|
it('parse all valid features in a Folder, without error', function() {
|
|
const kml =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2">' +
|
|
' <Placemark id="a"/>' +
|
|
' <Folder>' +
|
|
' <Placemark id="b"/>' +
|
|
' <Placemark id="c">' +
|
|
' <visibility>foo</visibility>' +
|
|
' </Placemark>' +
|
|
' <Placemark id="d"/>' +
|
|
' </Folder>' +
|
|
' <Placemark id="e"/>' +
|
|
'</kml>';
|
|
const fs = format.readFeatures(kml);
|
|
expect(fs).to.be.an(Array);
|
|
expect(fs).to.have.length(5);
|
|
expect(fs[0]).to.be.an(Feature);
|
|
expect(fs[0].getId()).to.be('a');
|
|
expect(fs[1]).to.be.an(Feature);
|
|
expect(fs[1].getId()).to.be('b');
|
|
expect(fs[2]).to.be.an(Feature);
|
|
expect(fs[2].getId()).to.be('c');
|
|
expect(fs[3]).to.be.an(Feature);
|
|
expect(fs[3].getId()).to.be('d');
|
|
expect(fs[4]).to.be.an(Feature);
|
|
expect(fs[4].getId()).to.be('e');
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
describe('when parsing states.kml', function() {
|
|
|
|
let features;
|
|
before(function(done) {
|
|
afterLoadText('spec/ol/format/kml/states.kml', function(xml) {
|
|
try {
|
|
features = format.readFeatures(xml);
|
|
} catch (e) {
|
|
done(e);
|
|
}
|
|
done();
|
|
});
|
|
});
|
|
|
|
it('creates 50 features', function() {
|
|
expect(features).to.have.length(50);
|
|
});
|
|
|
|
it('creates features with heterogeneous geometry collections', function() {
|
|
// FIXME decide if we should instead create features with multiple geoms
|
|
const feature = features[0];
|
|
expect(feature).to.be.an(Feature);
|
|
const geometry = feature.getGeometry();
|
|
expect(geometry).to.be.an(GeometryCollection);
|
|
});
|
|
|
|
it('creates a Point and a MultiPolygon for Alaska', function() {
|
|
const alaska = find(features, function(feature) {
|
|
return feature.get('name') === 'Alaska';
|
|
});
|
|
expect(alaska).to.be.an(Feature);
|
|
const geometry = alaska.getGeometry();
|
|
expect(geometry).to.be.an(GeometryCollection);
|
|
const components = geometry.getGeometries();
|
|
expect(components).to.have.length(2);
|
|
expect(components[0]).to.be.an(Point);
|
|
expect(components[1]).to.be.an(MultiPolygon);
|
|
});
|
|
|
|
it('reads style and icon', function() {
|
|
const f = features[0];
|
|
const styleFunction = f.getStyleFunction();
|
|
expect(styleFunction).not.to.be(undefined);
|
|
const styleArray = styleFunction(f, 0);
|
|
expect(styleArray).to.be.an(Array);
|
|
const style = styleArray[0];
|
|
expect(style).to.be.an(Style);
|
|
const imageStyle = style.getImage();
|
|
expect(imageStyle).to.be.an(Icon);
|
|
expect(imageStyle.getSrc()).to.eql('http://maps.google.com/mapfiles/kml/shapes/star.png');
|
|
});
|
|
|
|
});
|
|
|
|
describe('#JSONExport', function() {
|
|
|
|
let features;
|
|
before(function(done) {
|
|
afterLoadText('spec/ol/format/kml/style.kml', function(xml) {
|
|
try {
|
|
features = format.readFeatures(xml);
|
|
} catch (e) {
|
|
done(e);
|
|
}
|
|
done();
|
|
});
|
|
});
|
|
|
|
it('feature must not have a properties property', function() {
|
|
const geojsonFormat = new GeoJSON();
|
|
features.forEach(function(feature) {
|
|
const geojsonFeature = geojsonFormat.writeFeatureObject(feature);
|
|
expect(geojsonFeature.properties).to.be(null);
|
|
JSON.stringify(geojsonFeature);
|
|
});
|
|
});
|
|
|
|
});
|
|
|
|
describe('#readName', function() {
|
|
|
|
it('returns undefined if there is no name', function() {
|
|
const kml =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2">' +
|
|
' <Document>' +
|
|
' <Folder>' +
|
|
' <Placemark/>' +
|
|
' </Folder>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
expect(format.readName(kml)).to.be(undefined);
|
|
});
|
|
|
|
it('returns the name of the first Document', function() {
|
|
const kml =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2">' +
|
|
' <Document>' +
|
|
' <name>Document name</name>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
expect(format.readName(kml)).to.be('Document name');
|
|
});
|
|
|
|
it('returns the name of the first Folder', function() {
|
|
const kml =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2">' +
|
|
' <Folder>' +
|
|
' <name>Folder name</name>' +
|
|
' </Folder>' +
|
|
'</kml>';
|
|
expect(format.readName(kml)).to.be('Folder name');
|
|
});
|
|
|
|
it('returns the name of the first Placemark', function() {
|
|
const kml =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2">' +
|
|
' <Placemark>' +
|
|
' <name>Placemark name</name>' +
|
|
' </Placemark>' +
|
|
'</kml>';
|
|
expect(format.readName(kml)).to.be('Placemark name');
|
|
});
|
|
|
|
it('searches breadth-first', function() {
|
|
const kml =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2">' +
|
|
' <Document>' +
|
|
' <Placemark>' +
|
|
' <name>Placemark name</name>' +
|
|
' </Placemark>' +
|
|
' <name>Document name</name>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
expect(format.readName(kml)).to.be('Document name');
|
|
});
|
|
|
|
});
|
|
|
|
describe('#readNetworkLinks', function() {
|
|
it('returns empty array if no network links found', function() {
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2">' +
|
|
' <Document>' +
|
|
' </Document>' +
|
|
'</kml>';
|
|
const nl = format.readNetworkLinks(text);
|
|
expect(nl).to.have.length(0);
|
|
});
|
|
|
|
it('returns an array of network links', function() {
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2">' +
|
|
' <Document>' +
|
|
' <NetworkLink>' +
|
|
' <name>bar</name>' +
|
|
' <Link>' +
|
|
' <href>bar/bar.kml</href>' +
|
|
' </Link>' +
|
|
' </NetworkLink>' +
|
|
' </Document>' +
|
|
' <Folder>' +
|
|
' <NetworkLink>' +
|
|
' <Link>' +
|
|
' <href>http://foo.com/foo.kml</href>' +
|
|
' </Link>' +
|
|
' </NetworkLink>' +
|
|
' </Folder>' +
|
|
'</kml>';
|
|
const nl = format.readNetworkLinks(text);
|
|
expect(nl).to.have.length(2);
|
|
expect(nl[0].name).to.be('bar');
|
|
expect(nl[0].href.replace(window.location.origin, '')).to.be('/bar/bar.kml');
|
|
expect(nl[1].href).to.be('http://foo.com/foo.kml');
|
|
});
|
|
|
|
});
|
|
|
|
describe('#readNetworkLinksFile', function() {
|
|
|
|
let nl;
|
|
before(function(done) {
|
|
afterLoadText('spec/ol/format/kml/networklinks.kml', function(xml) {
|
|
try {
|
|
nl = format.readNetworkLinks(xml);
|
|
} catch (e) {
|
|
done(e);
|
|
}
|
|
done();
|
|
});
|
|
});
|
|
|
|
it('returns an array of network links', function() {
|
|
expect(nl).to.have.length(2);
|
|
expect(nl[0].name).to.be('bar');
|
|
expect(/\/bar\/bar\.kml$/.test(nl[0].href)).to.be.ok();
|
|
expect(nl[1].href).to.be('http://foo.com/foo.kml');
|
|
});
|
|
});
|
|
|
|
describe('#readRegion', function() {
|
|
|
|
it('returns an array of regions', function() {
|
|
const text =
|
|
'<kml xmlns="http://www.opengis.net/kml/2.2">' +
|
|
' <Document>' +
|
|
' <Region>' +
|
|
' <LatLonAltBox>' +
|
|
' <north>0</north>' +
|
|
' <south>-90</south>' +
|
|
' <east>0</east>' +
|
|
' <west>-180</west>' +
|
|
' <minAltitude>0</minAltitude>' +
|
|
' <maxAltitude>4000</maxAltitude>' +
|
|
' <altitudeMode>clampToGround</altitudeMode>' +
|
|
' </LatLonAltBox>' +
|
|
' <Lod>' +
|
|
' <minLodPixels>0</minLodPixels>' +
|
|
' <maxLodPixels>-1</maxLodPixels>' +
|
|
' <minFadeExtent>0</minFadeExtent>' +
|
|
' <maxFadeExtent>0</maxFadeExtent>' +
|
|
' </Lod>' +
|
|
' </Region>' +
|
|
' </Document>' +
|
|
' <Folder>' +
|
|
' <Region>' +
|
|
' <LatLonAltBox>' +
|
|
' <north>90</north>' +
|
|
' <south>0</south>' +
|
|
' <east>180</east>' +
|
|
' <west>0</west>' +
|
|
' <minAltitude>0</minAltitude>' +
|
|
' <maxAltitude>0</maxAltitude>' +
|
|
' <altitudeMode>clampToGround</altitudeMode>' +
|
|
' </LatLonAltBox>' +
|
|
' <Lod>' +
|
|
' <minLodPixels>0</minLodPixels>' +
|
|
' <maxLodPixels>-1</maxLodPixels>' +
|
|
' <minFadeExtent>0</minFadeExtent>' +
|
|
' <maxFadeExtent>0</maxFadeExtent>' +
|
|
' </Lod>' +
|
|
' </Region>' +
|
|
' </Folder>' +
|
|
'</kml>';
|
|
const nl = format.readRegion(text);
|
|
expect(nl).to.have.length(2);
|
|
expect(nl[0].extent).to.eql([-180, -90, 0, 0]);
|
|
expect(nl[0].minAltitude).to.be(0);
|
|
expect(nl[0].maxAltitude).to.be(4000);
|
|
expect(nl[0].altitudeMode).to.be('clampToGround');
|
|
expect(nl[0].minLodPixels).to.be(0);
|
|
expect(nl[0].maxLodPixels).to.be(-1);
|
|
expect(nl[0].minFadeExtent).to.be(0);
|
|
expect(nl[0].maxFadeExtent).to.be(0);
|
|
expect(nl[1].extent).to.eql([0, 0, 180, 90]);
|
|
});
|
|
});
|
|
});
|
|
});
|