@emuanalytics/flow-rdf-core 4.0.0-preview.6 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +676 -665
- package/dist/index.d.cts +2 -2
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.mjs +643 -643
- package/dist/lib/map/plugins/index.cjs +35 -34
- package/dist/lib/map/plugins/index.d.cts +2 -2
- package/dist/lib/map/plugins/index.d.mts +2 -2
- package/dist/lib/map/plugins/index.d.ts +2 -2
- package/dist/lib/map/plugins/index.mjs +6 -6
- package/dist/lib/utils/index.cjs +31 -29
- package/dist/lib/utils/index.d.cts +10 -9
- package/dist/lib/utils/index.d.mts +10 -9
- package/dist/lib/utils/index.d.ts +10 -9
- package/dist/lib/utils/index.mjs +4 -3
- package/dist/shared/{flow-rdf-core.769a4928.d.mts → flow-rdf-core.04b30d7a.d.cts} +801 -802
- package/dist/shared/{flow-rdf-core.769a4928.d.ts → flow-rdf-core.04b30d7a.d.mts} +801 -802
- package/dist/shared/{flow-rdf-core.769a4928.d.cts → flow-rdf-core.04b30d7a.d.ts} +801 -802
- package/dist/shared/{flow-rdf-core.ea06a1d3.mjs → flow-rdf-core.187cb345.mjs} +1 -1
- package/dist/shared/{flow-rdf-core.bd95d618.mjs → flow-rdf-core.1f0901c5.mjs} +1 -1
- package/dist/shared/{flow-rdf-core.b80085b4.mjs → flow-rdf-core.25e5f6d7.mjs} +9 -1
- package/dist/shared/{flow-rdf-core.1f72b20b.cjs → flow-rdf-core.55c169ca.cjs} +2 -2
- package/dist/shared/{flow-rdf-core.1f9c0593.cjs → flow-rdf-core.9b5dad76.cjs} +26 -34
- package/dist/shared/{flow-rdf-core.84eded74.cjs → flow-rdf-core.a82b9be4.cjs} +4 -4
- package/dist/shared/{flow-rdf-core.ce91eb14.mjs → flow-rdf-core.e2b1bb7f.mjs} +2 -9
- package/dist/shared/{flow-rdf-core.3042be4a.cjs → flow-rdf-core.f50908f0.cjs} +9 -0
- package/package.json +5 -1
package/dist/index.cjs
CHANGED
|
@@ -3,17 +3,17 @@
|
|
|
3
3
|
const mobx = require('mobx');
|
|
4
4
|
const Debug = require('debug');
|
|
5
5
|
const flowEngineClient = require('@emuanalytics/flow-engine-client');
|
|
6
|
-
const
|
|
7
|
-
const mapFeatureStream = require('./shared/flow-rdf-core.
|
|
6
|
+
const randomId = require('./shared/flow-rdf-core.f50908f0.cjs');
|
|
7
|
+
const mapFeatureStream = require('./shared/flow-rdf-core.9b5dad76.cjs');
|
|
8
8
|
const maplibre = require('@emuanalytics/maplibre-gl');
|
|
9
9
|
const EventEmitter = require('eventemitter3');
|
|
10
10
|
const mobxUtils = require('mobx-utils');
|
|
11
|
-
const throttle = require('./shared/flow-rdf-core.
|
|
11
|
+
const throttle = require('./shared/flow-rdf-core.55c169ca.cjs');
|
|
12
12
|
const lzString = require('lz-string');
|
|
13
|
+
require('nanoid');
|
|
13
14
|
require('@emuanalytics/maplibre-gl-style-spec');
|
|
14
15
|
require('parsimmon');
|
|
15
16
|
require('colorbrewer');
|
|
16
|
-
require('nanoid');
|
|
17
17
|
|
|
18
18
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
|
|
19
19
|
|
|
@@ -35,7 +35,7 @@ const maplibre__default = /*#__PURE__*/_interopDefaultCompat(maplibre);
|
|
|
35
35
|
const EventEmitter__default = /*#__PURE__*/_interopDefaultCompat(EventEmitter);
|
|
36
36
|
const lzString__default = /*#__PURE__*/_interopDefaultCompat(lzString);
|
|
37
37
|
|
|
38
|
-
const version = "4.0.0
|
|
38
|
+
const version = "4.0.0";
|
|
39
39
|
|
|
40
40
|
const CONSOLE_HIGHLIGHT_STYLE$1 = `
|
|
41
41
|
padding: 2px 4px;
|
|
@@ -194,7 +194,7 @@ class Debugger {
|
|
|
194
194
|
* @returns The context state property value.
|
|
195
195
|
*/
|
|
196
196
|
get(keyOrPath) {
|
|
197
|
-
if (
|
|
197
|
+
if (randomId.isUndefined(keyOrPath)) {
|
|
198
198
|
keyOrPath = [];
|
|
199
199
|
} else if (typeof keyOrPath === "string") {
|
|
200
200
|
if (keyOrPath.startsWith("$")) {
|
|
@@ -692,13 +692,13 @@ class MapLayerStyleBuilder {
|
|
|
692
692
|
formatValue(value) {
|
|
693
693
|
if (isStyleExpression(value)) {
|
|
694
694
|
return value.toString();
|
|
695
|
-
} else if (
|
|
695
|
+
} else if (randomId.isString(value)) {
|
|
696
696
|
return `'${value.toString()}'`;
|
|
697
|
-
} else if (
|
|
697
|
+
} else if (randomId.isNumber(value)) {
|
|
698
698
|
return value.toString();
|
|
699
|
-
} else if (
|
|
699
|
+
} else if (randomId.isBoolean(value)) {
|
|
700
700
|
return (!!value).toString();
|
|
701
|
-
} else if (
|
|
701
|
+
} else if (randomId.isArray(value)) {
|
|
702
702
|
return `[${value.map((v) => this.formatValue(v)).join(", ")}]`;
|
|
703
703
|
} else {
|
|
704
704
|
return value.toString();
|
|
@@ -724,77 +724,77 @@ function expr(expr2) {
|
|
|
724
724
|
|
|
725
725
|
class FillLayerStyleBuilder extends MapLayerStyleBuilder {
|
|
726
726
|
/**
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
727
|
+
* Sorts features in ascending order based on this value. Features with a higher sort key will appear above features with a lower sort key.
|
|
728
|
+
*
|
|
729
|
+
* @param value - fill-sort-key value
|
|
730
|
+
*/
|
|
731
731
|
fillSortKey(value) {
|
|
732
732
|
this.addStyle("fill-sort-key", value);
|
|
733
733
|
return this;
|
|
734
734
|
}
|
|
735
735
|
/**
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
736
|
+
* Whether or not the fill should be antialiased.
|
|
737
|
+
*
|
|
738
|
+
* @param value - fill-antialias value (default `true`)
|
|
739
|
+
*/
|
|
740
740
|
fillAntialias(value) {
|
|
741
741
|
this.addStyle("fill-antialias", value);
|
|
742
742
|
return this;
|
|
743
743
|
}
|
|
744
744
|
/**
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
745
|
+
* The opacity of the entire fill layer. In contrast to the `fill-color`, this value will also affect the 1px stroke around the fill, if the stroke is used.
|
|
746
|
+
*
|
|
747
|
+
* @param value - fill-opacity value (default `1`)
|
|
748
|
+
*/
|
|
749
749
|
fillOpacity(value) {
|
|
750
750
|
this.addStyle("fill-opacity", value);
|
|
751
751
|
return this;
|
|
752
752
|
}
|
|
753
753
|
/**
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
754
|
+
* The color of the filled part of this layer. This color can be specified as `rgba` with an alpha component and the color's opacity will not affect the opacity of the 1px stroke, if it is used.
|
|
755
|
+
*
|
|
756
|
+
* @param value - fill-color value (default `#000000`)
|
|
757
|
+
*/
|
|
758
758
|
fillColor(value) {
|
|
759
759
|
this.addStyle("fill-color", value);
|
|
760
760
|
return this;
|
|
761
761
|
}
|
|
762
762
|
/**
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
763
|
+
* The outline color of the fill. Matches the value of `fill-color` if unspecified.
|
|
764
|
+
*
|
|
765
|
+
* @param value - fill-outline-color value
|
|
766
|
+
*/
|
|
767
767
|
fillOutlineColor(value) {
|
|
768
768
|
this.addStyle("fill-outline-color", value);
|
|
769
769
|
return this;
|
|
770
770
|
}
|
|
771
771
|
/**
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
772
|
+
* The geometry's offset. Values are [x, y] where negatives indicate left and up, respectively.
|
|
773
|
+
*
|
|
774
|
+
* @param value - fill-translate value in pixels (default `0,0`)
|
|
775
|
+
*/
|
|
776
776
|
fillTranslate(value) {
|
|
777
777
|
this.addStyle("fill-translate", value);
|
|
778
778
|
return this;
|
|
779
779
|
}
|
|
780
780
|
/**
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
781
|
+
* Controls the frame of reference for `fill-translate`.
|
|
782
|
+
*
|
|
783
|
+
* Values:
|
|
784
|
+
* - map: The fill is translated relative to the map.
|
|
785
|
+
* - viewport: The fill is translated relative to the viewport.
|
|
786
|
+
*
|
|
787
|
+
* @param value - fill-translate-anchor value (default `map`)
|
|
788
|
+
*/
|
|
789
789
|
fillTranslateAnchor(value) {
|
|
790
790
|
this.addStyle("fill-translate-anchor", value);
|
|
791
791
|
return this;
|
|
792
792
|
}
|
|
793
793
|
/**
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
794
|
+
* Name of image in sprite to use for drawing image fills. For seamless patterns, image width and height must be a factor of two (2, 4, 8, ..., 512). Note that zoom-dependent expressions will be evaluated only at integer zoom levels.
|
|
795
|
+
*
|
|
796
|
+
* @param value - fill-pattern value
|
|
797
|
+
*/
|
|
798
798
|
fillPattern(value) {
|
|
799
799
|
this.addStyle("fill-pattern", value);
|
|
800
800
|
return this;
|
|
@@ -803,159 +803,159 @@ class FillLayerStyleBuilder extends MapLayerStyleBuilder {
|
|
|
803
803
|
MapLayerStyleBuilder.registerStyleBuilder("fill", FillLayerStyleBuilder);
|
|
804
804
|
class LineLayerStyleBuilder extends MapLayerStyleBuilder {
|
|
805
805
|
/**
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
806
|
+
* The display of line endings.
|
|
807
|
+
*
|
|
808
|
+
* Values:
|
|
809
|
+
* - butt: A cap with a squared-off end which is drawn to the exact endpoint of the line.
|
|
810
|
+
* - round: A cap with a rounded end which is drawn beyond the endpoint of the line at a radius of one-half of the line's width and centered on the endpoint of the line.
|
|
811
|
+
* - square: A cap with a squared-off end which is drawn beyond the endpoint of the line at a distance of one-half of the line's width.
|
|
812
|
+
*
|
|
813
|
+
* @param value - line-cap value (default `butt`)
|
|
814
|
+
*/
|
|
815
815
|
lineCap(value) {
|
|
816
816
|
this.addStyle("line-cap", value);
|
|
817
817
|
return this;
|
|
818
818
|
}
|
|
819
819
|
/**
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
820
|
+
* The display of lines when joining.
|
|
821
|
+
*
|
|
822
|
+
* Values:
|
|
823
|
+
* - bevel: A join with a squared-off end which is drawn beyond the endpoint of the line at a distance of one-half of the line's width.
|
|
824
|
+
* - round: A join with a rounded end which is drawn beyond the endpoint of the line at a radius of one-half of the line's width and centered on the endpoint of the line.
|
|
825
|
+
* - miter: A join with a sharp, angled corner which is drawn with the outer sides beyond the endpoint of the path until they meet.
|
|
826
|
+
*
|
|
827
|
+
* @param value - line-join value (default `miter`)
|
|
828
|
+
*/
|
|
829
829
|
lineJoin(value) {
|
|
830
830
|
this.addStyle("line-join", value);
|
|
831
831
|
return this;
|
|
832
832
|
}
|
|
833
833
|
/**
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
834
|
+
* Used to automatically convert miter joins to bevel joins for sharp angles.
|
|
835
|
+
*
|
|
836
|
+
* @param value - line-miter-limit value (default `2`)
|
|
837
|
+
*/
|
|
838
838
|
lineMiterLimit(value) {
|
|
839
839
|
this.addStyle("line-miter-limit", value);
|
|
840
840
|
return this;
|
|
841
841
|
}
|
|
842
842
|
/**
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
843
|
+
* Used to automatically convert round joins to miter joins for shallow angles.
|
|
844
|
+
*
|
|
845
|
+
* @param value - line-round-limit value (default `1.05`)
|
|
846
|
+
*/
|
|
847
847
|
lineRoundLimit(value) {
|
|
848
848
|
this.addStyle("line-round-limit", value);
|
|
849
849
|
return this;
|
|
850
850
|
}
|
|
851
851
|
/**
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
852
|
+
* Sorts features in ascending order based on this value. Features with a higher sort key will appear above features with a lower sort key.
|
|
853
|
+
*
|
|
854
|
+
* @param value - line-sort-key value
|
|
855
|
+
*/
|
|
856
856
|
lineSortKey(value) {
|
|
857
857
|
this.addStyle("line-sort-key", value);
|
|
858
858
|
return this;
|
|
859
859
|
}
|
|
860
860
|
/**
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
861
|
+
* The opacity at which the line will be drawn.
|
|
862
|
+
*
|
|
863
|
+
* @param value - line-opacity value (default `1`)
|
|
864
|
+
*/
|
|
865
865
|
lineOpacity(value) {
|
|
866
866
|
this.addStyle("line-opacity", value);
|
|
867
867
|
return this;
|
|
868
868
|
}
|
|
869
869
|
/**
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
870
|
+
* The color with which the line will be drawn.
|
|
871
|
+
*
|
|
872
|
+
* @param value - line-color value (default `#000000`)
|
|
873
|
+
*/
|
|
874
874
|
lineColor(value) {
|
|
875
875
|
this.addStyle("line-color", value);
|
|
876
876
|
return this;
|
|
877
877
|
}
|
|
878
878
|
/**
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
879
|
+
* The geometry's offset. Values are [x, y] where negatives indicate left and up, respectively.
|
|
880
|
+
*
|
|
881
|
+
* @param value - line-translate value in pixels (default `0,0`)
|
|
882
|
+
*/
|
|
883
883
|
lineTranslate(value) {
|
|
884
884
|
this.addStyle("line-translate", value);
|
|
885
885
|
return this;
|
|
886
886
|
}
|
|
887
887
|
/**
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
|
|
888
|
+
* Controls the frame of reference for `line-translate`.
|
|
889
|
+
*
|
|
890
|
+
* Values:
|
|
891
|
+
* - map: The line is translated relative to the map.
|
|
892
|
+
* - viewport: The line is translated relative to the viewport.
|
|
893
|
+
*
|
|
894
|
+
* @param value - line-translate-anchor value (default `map`)
|
|
895
|
+
*/
|
|
896
896
|
lineTranslateAnchor(value) {
|
|
897
897
|
this.addStyle("line-translate-anchor", value);
|
|
898
898
|
return this;
|
|
899
899
|
}
|
|
900
900
|
/**
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
901
|
+
* Stroke thickness.
|
|
902
|
+
*
|
|
903
|
+
* @param value - line-width value in pixels (default `1`)
|
|
904
|
+
*/
|
|
905
905
|
lineWidth(value) {
|
|
906
906
|
this.addStyle("line-width", value);
|
|
907
907
|
return this;
|
|
908
908
|
}
|
|
909
909
|
/**
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
910
|
+
* Draws a line casing outside of a line's actual path. Value indicates the width of the inner gap.
|
|
911
|
+
*
|
|
912
|
+
* @param value - line-gap-width value in pixels
|
|
913
|
+
*/
|
|
914
914
|
lineGapWidth(value) {
|
|
915
915
|
this.addStyle("line-gap-width", value);
|
|
916
916
|
return this;
|
|
917
917
|
}
|
|
918
918
|
/**
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
919
|
+
* The line's offset. For linear features, a positive value offsets the line to the right, relative to the direction of the line, and a negative value to the left. For polygon features, a positive value results in an inset, and a negative value results in an outset.
|
|
920
|
+
*
|
|
921
|
+
* @param value - line-offset value in pixels
|
|
922
|
+
*/
|
|
923
923
|
lineOffset(value) {
|
|
924
924
|
this.addStyle("line-offset", value);
|
|
925
925
|
return this;
|
|
926
926
|
}
|
|
927
927
|
/**
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
928
|
+
* Blur applied to the line, in pixels.
|
|
929
|
+
*
|
|
930
|
+
* @param value - line-blur value in pixels
|
|
931
|
+
*/
|
|
932
932
|
lineBlur(value) {
|
|
933
933
|
this.addStyle("line-blur", value);
|
|
934
934
|
return this;
|
|
935
935
|
}
|
|
936
936
|
/**
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
937
|
+
* Specifies the lengths of the alternating dashes and gaps that form the dash pattern. The lengths are later scaled by the line width. To convert a dash length to pixels, multiply the length by the current line width. Note that GeoJSON sources with `lineMetrics: true` specified won't render dashed lines to the expected scale. Also note that zoom-dependent expressions will be evaluated only at integer zoom levels.
|
|
938
|
+
*
|
|
939
|
+
* @param value - line-dasharray value in line widths
|
|
940
|
+
*/
|
|
941
941
|
lineDasharray(value) {
|
|
942
942
|
this.addStyle("line-dasharray", value);
|
|
943
943
|
return this;
|
|
944
944
|
}
|
|
945
945
|
/**
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
946
|
+
* Name of image in sprite to use for drawing image lines. For seamless patterns, image width must be a factor of two (2, 4, 8, ..., 512). Note that zoom-dependent expressions will be evaluated only at integer zoom levels.
|
|
947
|
+
*
|
|
948
|
+
* @param value - line-pattern value
|
|
949
|
+
*/
|
|
950
950
|
linePattern(value) {
|
|
951
951
|
this.addStyle("line-pattern", value);
|
|
952
952
|
return this;
|
|
953
953
|
}
|
|
954
954
|
/**
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
955
|
+
* Defines a gradient with which to color a line feature. Can only be used with GeoJSON sources that specify `"lineMetrics": true`.
|
|
956
|
+
*
|
|
957
|
+
* @param value - line-gradient value
|
|
958
|
+
*/
|
|
959
959
|
lineGradient(value) {
|
|
960
960
|
this.addStyle("line-gradient", value);
|
|
961
961
|
return this;
|
|
@@ -964,350 +964,350 @@ class LineLayerStyleBuilder extends MapLayerStyleBuilder {
|
|
|
964
964
|
MapLayerStyleBuilder.registerStyleBuilder("line", LineLayerStyleBuilder);
|
|
965
965
|
class SymbolLayerStyleBuilder extends MapLayerStyleBuilder {
|
|
966
966
|
/**
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
|
|
967
|
+
* Label placement relative to its geometry.
|
|
968
|
+
*
|
|
969
|
+
* Values:
|
|
970
|
+
* - point: The label is placed at the point where the geometry is located.
|
|
971
|
+
* - line: The label is placed along the line of the geometry. Can only be used on `LineString` and `Polygon` geometries.
|
|
972
|
+
* - line-center: The label is placed at the center of the line of the geometry. Can only be used on `LineString` and `Polygon` geometries. Note that a single feature in a vector tile may contain multiple line geometries.
|
|
973
|
+
*
|
|
974
|
+
* @param value - symbol-placement value (default `point`)
|
|
975
|
+
*/
|
|
976
976
|
symbolPlacement(value) {
|
|
977
977
|
this.addStyle("symbol-placement", value);
|
|
978
978
|
return this;
|
|
979
979
|
}
|
|
980
980
|
/**
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
981
|
+
* Distance between two symbol anchors.
|
|
982
|
+
*
|
|
983
|
+
* @param value - symbol-spacing value in pixels (default `250`)
|
|
984
|
+
*/
|
|
985
985
|
symbolSpacing(value) {
|
|
986
986
|
this.addStyle("symbol-spacing", value);
|
|
987
987
|
return this;
|
|
988
988
|
}
|
|
989
989
|
/**
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
990
|
+
* If true, the symbols will not cross tile edges to avoid mutual collisions. Recommended in layers that don't have enough padding in the vector tile to prevent collisions, or if it is a point symbol layer placed after a line symbol layer. When using a client that supports global collision detection, like MapLibre GL JS version 0.42.0 or greater, enabling this property is not needed to prevent clipped labels at tile boundaries.
|
|
991
|
+
*
|
|
992
|
+
* @param value - symbol-avoid-edges value
|
|
993
|
+
*/
|
|
994
994
|
symbolAvoidEdges(value) {
|
|
995
995
|
this.addStyle("symbol-avoid-edges", value);
|
|
996
996
|
return this;
|
|
997
997
|
}
|
|
998
998
|
/**
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
999
|
+
* Sorts features in ascending order based on this value. Features with lower sort keys are drawn and placed first. When `icon-allow-overlap` or `text-allow-overlap` is `false`, features with a lower sort key will have priority during placement. When `icon-allow-overlap` or `text-allow-overlap` is set to `true`, features with a higher sort key will overlap over features with a lower sort key.
|
|
1000
|
+
*
|
|
1001
|
+
* @param value - symbol-sort-key value
|
|
1002
|
+
*/
|
|
1003
1003
|
symbolSortKey(value) {
|
|
1004
1004
|
this.addStyle("symbol-sort-key", value);
|
|
1005
1005
|
return this;
|
|
1006
1006
|
}
|
|
1007
1007
|
/**
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1008
|
+
* Determines whether overlapping symbols in the same layer are rendered in the order that they appear in the data source or by their y-position relative to the viewport. To control the order and prioritization of symbols otherwise, use `symbol-sort-key`.
|
|
1009
|
+
*
|
|
1010
|
+
* Values:
|
|
1011
|
+
* - auto: Sorts symbols by `symbol-sort-key` if set. Otherwise, sorts symbols by their y-position relative to the viewport if `icon-allow-overlap` or `text-allow-overlap` is set to `true` or `icon-ignore-placement` or `text-ignore-placement` is `false`.
|
|
1012
|
+
* - viewport-y: Sorts symbols by their y-position relative to the viewport if `icon-allow-overlap` or `text-allow-overlap` is set to `true` or `icon-ignore-placement` or `text-ignore-placement` is `false`.
|
|
1013
|
+
* - source: Sorts symbols by `symbol-sort-key` if set. Otherwise, no sorting is applied; symbols are rendered in the same order as the source data.
|
|
1014
|
+
*
|
|
1015
|
+
* @param value - symbol-z-order value (default `auto`)
|
|
1016
|
+
*/
|
|
1017
1017
|
symbolZOrder(value) {
|
|
1018
1018
|
this.addStyle("symbol-z-order", value);
|
|
1019
1019
|
return this;
|
|
1020
1020
|
}
|
|
1021
1021
|
/**
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1022
|
+
* If true, the icon will be visible even if it collides with other previously drawn symbols.
|
|
1023
|
+
*
|
|
1024
|
+
* @param value - icon-allow-overlap value
|
|
1025
|
+
*/
|
|
1026
1026
|
iconAllowOverlap(value) {
|
|
1027
1027
|
this.addStyle("icon-allow-overlap", value);
|
|
1028
1028
|
return this;
|
|
1029
1029
|
}
|
|
1030
1030
|
/**
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1031
|
+
* Allows for control over whether to show an icon when it overlaps other symbols on the map. If `icon-overlap` is not set, `icon-allow-overlap` is used instead.
|
|
1032
|
+
*
|
|
1033
|
+
* Values:
|
|
1034
|
+
* - never: The icon will be hidden if it collides with any other previously drawn symbol.
|
|
1035
|
+
* - always: The icon will be visible even if it collides with any other previously drawn symbol.
|
|
1036
|
+
* - cooperative: If the icon collides with another previously drawn symbol, the overlap mode for that symbol is checked. If the previous symbol was placed using `never` overlap mode, the new icon is hidden. If the previous symbol was placed using `always` or `cooperative` overlap mode, the new icon is visible.
|
|
1037
|
+
*
|
|
1038
|
+
* @param value - icon-overlap value
|
|
1039
|
+
*/
|
|
1040
1040
|
iconOverlap(value) {
|
|
1041
1041
|
this.addStyle("icon-overlap", value);
|
|
1042
1042
|
return this;
|
|
1043
1043
|
}
|
|
1044
1044
|
/**
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1045
|
+
* If true, other symbols can be visible even if they collide with the icon.
|
|
1046
|
+
*
|
|
1047
|
+
* @param value - icon-ignore-placement value
|
|
1048
|
+
*/
|
|
1049
1049
|
iconIgnorePlacement(value) {
|
|
1050
1050
|
this.addStyle("icon-ignore-placement", value);
|
|
1051
1051
|
return this;
|
|
1052
1052
|
}
|
|
1053
1053
|
/**
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1054
|
+
* If true, text will display without their corresponding icons when the icon collides with other symbols and the text does not.
|
|
1055
|
+
*
|
|
1056
|
+
* @param value - icon-optional value
|
|
1057
|
+
*/
|
|
1058
1058
|
iconOptional(value) {
|
|
1059
1059
|
this.addStyle("icon-optional", value);
|
|
1060
1060
|
return this;
|
|
1061
1061
|
}
|
|
1062
1062
|
/**
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
|
|
1063
|
+
* In combination with `symbol-placement`, determines the rotation behavior of icons.
|
|
1064
|
+
*
|
|
1065
|
+
* Values:
|
|
1066
|
+
* - map: When `symbol-placement` is set to `point`, aligns icons east-west. When `symbol-placement` is set to `line` or `line-center`, aligns icon x-axes with the line.
|
|
1067
|
+
* - viewport: Produces icons whose x-axes are aligned with the x-axis of the viewport, regardless of the value of `symbol-placement`.
|
|
1068
|
+
* - auto: When `symbol-placement` is set to `point`, this is equivalent to `viewport`. When `symbol-placement` is set to `line` or `line-center`, this is equivalent to `map`.
|
|
1069
|
+
*
|
|
1070
|
+
* @param value - icon-rotation-alignment value (default `auto`)
|
|
1071
|
+
*/
|
|
1072
1072
|
iconRotationAlignment(value) {
|
|
1073
1073
|
this.addStyle("icon-rotation-alignment", value);
|
|
1074
1074
|
return this;
|
|
1075
1075
|
}
|
|
1076
1076
|
/**
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1077
|
+
* Scales the original size of the icon by the provided factor. The new pixel size of the image will be the original pixel size multiplied by `icon-size`. 1 is the original size; 3 triples the size of the image.
|
|
1078
|
+
*
|
|
1079
|
+
* @param value - icon-size value in factor of the original icon size (default `1`)
|
|
1080
|
+
*/
|
|
1081
1081
|
iconSize(value) {
|
|
1082
1082
|
this.addStyle("icon-size", value);
|
|
1083
1083
|
return this;
|
|
1084
1084
|
}
|
|
1085
1085
|
/**
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1086
|
+
* Scales the icon to fit around the associated text.
|
|
1087
|
+
*
|
|
1088
|
+
* Values:
|
|
1089
|
+
* - none: The icon is displayed at its intrinsic aspect ratio.
|
|
1090
|
+
* - width: The icon is scaled in the x-dimension to fit the width of the text.
|
|
1091
|
+
* - height: The icon is scaled in the y-dimension to fit the height of the text.
|
|
1092
|
+
* - both: The icon is scaled in both x- and y-dimensions.
|
|
1093
|
+
*
|
|
1094
|
+
* @param value - icon-text-fit value (default `none`)
|
|
1095
|
+
*/
|
|
1096
1096
|
iconTextFit(value) {
|
|
1097
1097
|
this.addStyle("icon-text-fit", value);
|
|
1098
1098
|
return this;
|
|
1099
1099
|
}
|
|
1100
1100
|
/**
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1101
|
+
* Size of the additional area added to dimensions determined by `icon-text-fit`, in clockwise order: top, right, bottom, left.
|
|
1102
|
+
*
|
|
1103
|
+
* @param value - icon-text-fit-padding value in pixels (default `0,0,0,0`)
|
|
1104
|
+
*/
|
|
1105
1105
|
iconTextFitPadding(value) {
|
|
1106
1106
|
this.addStyle("icon-text-fit-padding", value);
|
|
1107
1107
|
return this;
|
|
1108
1108
|
}
|
|
1109
1109
|
/**
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1110
|
+
* Name of image in sprite to use for drawing an image background.
|
|
1111
|
+
*
|
|
1112
|
+
* @param value - icon-image value
|
|
1113
|
+
*/
|
|
1114
1114
|
iconImage(value) {
|
|
1115
1115
|
this.addStyle("icon-image", value);
|
|
1116
1116
|
return this;
|
|
1117
1117
|
}
|
|
1118
1118
|
/**
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
|
|
1119
|
+
* Rotates the icon clockwise.
|
|
1120
|
+
*
|
|
1121
|
+
* @param value - icon-rotate value in degrees
|
|
1122
|
+
*/
|
|
1123
1123
|
iconRotate(value) {
|
|
1124
1124
|
this.addStyle("icon-rotate", value);
|
|
1125
1125
|
return this;
|
|
1126
1126
|
}
|
|
1127
1127
|
/**
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1128
|
+
* Size of additional area round the icon bounding box used for detecting symbol collisions. Values are declared using CSS margin shorthand syntax: a single value applies to all four sides; two values apply to [top/bottom, left/right]; three values apply to [top, left/right, bottom]; four values apply to [top, right, bottom, left]. For backwards compatibility, a single bare number is accepted, and treated the same as a one-element array - padding applied to all sides.
|
|
1129
|
+
*
|
|
1130
|
+
* @param value - icon-padding value in pixels (default `2`)
|
|
1131
|
+
*/
|
|
1132
1132
|
iconPadding(value) {
|
|
1133
1133
|
this.addStyle("icon-padding", value);
|
|
1134
1134
|
return this;
|
|
1135
1135
|
}
|
|
1136
1136
|
/**
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1137
|
+
* If true, the icon may be flipped to prevent it from being rendered upside-down.
|
|
1138
|
+
*
|
|
1139
|
+
* @param value - icon-keep-upright value
|
|
1140
|
+
*/
|
|
1141
1141
|
iconKeepUpright(value) {
|
|
1142
1142
|
this.addStyle("icon-keep-upright", value);
|
|
1143
1143
|
return this;
|
|
1144
1144
|
}
|
|
1145
1145
|
/**
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1146
|
+
* Offset distance of icon from its anchor. Positive values indicate right and down, while negative values indicate left and up. Each component is multiplied by the value of `icon-size` to obtain the final offset in pixels. When combined with `icon-rotate` the offset will be as if the rotated direction was up.
|
|
1147
|
+
*
|
|
1148
|
+
* @param value - icon-offset value (default `0,0`)
|
|
1149
|
+
*/
|
|
1150
1150
|
iconOffset(value) {
|
|
1151
1151
|
this.addStyle("icon-offset", value);
|
|
1152
1152
|
return this;
|
|
1153
1153
|
}
|
|
1154
1154
|
/**
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
|
|
1168
|
-
|
|
1169
|
-
|
|
1155
|
+
* Part of the icon placed closest to the anchor.
|
|
1156
|
+
*
|
|
1157
|
+
* Values:
|
|
1158
|
+
* - center: The center of the icon is placed closest to the anchor.
|
|
1159
|
+
* - left: The left side of the icon is placed closest to the anchor.
|
|
1160
|
+
* - right: The right side of the icon is placed closest to the anchor.
|
|
1161
|
+
* - top: The top of the icon is placed closest to the anchor.
|
|
1162
|
+
* - bottom: The bottom of the icon is placed closest to the anchor.
|
|
1163
|
+
* - top-left: The top left corner of the icon is placed closest to the anchor.
|
|
1164
|
+
* - top-right: The top right corner of the icon is placed closest to the anchor.
|
|
1165
|
+
* - bottom-left: The bottom left corner of the icon is placed closest to the anchor.
|
|
1166
|
+
* - bottom-right: The bottom right corner of the icon is placed closest to the anchor.
|
|
1167
|
+
*
|
|
1168
|
+
* @param value - icon-anchor value (default `center`)
|
|
1169
|
+
*/
|
|
1170
1170
|
iconAnchor(value) {
|
|
1171
1171
|
this.addStyle("icon-anchor", value);
|
|
1172
1172
|
return this;
|
|
1173
1173
|
}
|
|
1174
1174
|
/**
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1175
|
+
* Orientation of icon when map is pitched.
|
|
1176
|
+
*
|
|
1177
|
+
* Values:
|
|
1178
|
+
* - map: The icon is aligned to the plane of the map.
|
|
1179
|
+
* - viewport: The icon is aligned to the plane of the viewport.
|
|
1180
|
+
* - auto: Automatically matches the value of `icon-rotation-alignment`.
|
|
1181
|
+
*
|
|
1182
|
+
* @param value - icon-pitch-alignment value (default `auto`)
|
|
1183
|
+
*/
|
|
1184
1184
|
iconPitchAlignment(value) {
|
|
1185
1185
|
this.addStyle("icon-pitch-alignment", value);
|
|
1186
1186
|
return this;
|
|
1187
1187
|
}
|
|
1188
1188
|
/**
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1197
|
-
|
|
1189
|
+
* Orientation of text when map is pitched.
|
|
1190
|
+
*
|
|
1191
|
+
* Values:
|
|
1192
|
+
* - map: The text is aligned to the plane of the map.
|
|
1193
|
+
* - viewport: The text is aligned to the plane of the viewport.
|
|
1194
|
+
* - auto: Automatically matches the value of `text-rotation-alignment`.
|
|
1195
|
+
*
|
|
1196
|
+
* @param value - text-pitch-alignment value (default `auto`)
|
|
1197
|
+
*/
|
|
1198
1198
|
textPitchAlignment(value) {
|
|
1199
1199
|
this.addStyle("text-pitch-alignment", value);
|
|
1200
1200
|
return this;
|
|
1201
1201
|
}
|
|
1202
1202
|
/**
|
|
1203
|
-
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
|
|
1203
|
+
* In combination with `symbol-placement`, determines the rotation behavior of the individual glyphs forming the text.
|
|
1204
|
+
*
|
|
1205
|
+
* Values:
|
|
1206
|
+
* - map: When `symbol-placement` is set to `point`, aligns text east-west. When `symbol-placement` is set to `line` or `line-center`, aligns text x-axes with the line.
|
|
1207
|
+
* - viewport: Produces glyphs whose x-axes are aligned with the x-axis of the viewport, regardless of the value of `symbol-placement`.
|
|
1208
|
+
* - viewport-glyph: When `symbol-placement` is set to `point`, aligns text to the x-axis of the viewport. When `symbol-placement` is set to `line` or `line-center`, aligns glyphs to the x-axis of the viewport and places them along the line.
|
|
1209
|
+
* - auto: When `symbol-placement` is set to `point`, this is equivalent to `viewport`. When `symbol-placement` is set to `line` or `line-center`, this is equivalent to `map`.
|
|
1210
|
+
*
|
|
1211
|
+
* @param value - text-rotation-alignment value (default `auto`)
|
|
1212
|
+
*/
|
|
1213
1213
|
textRotationAlignment(value) {
|
|
1214
1214
|
this.addStyle("text-rotation-alignment", value);
|
|
1215
1215
|
return this;
|
|
1216
1216
|
}
|
|
1217
1217
|
/**
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
1218
|
+
* Value to use for a text label. If a plain `string` is provided, it will be treated as a `formatted` with default/inherited formatting options.
|
|
1219
|
+
*
|
|
1220
|
+
* @param value - text-field value
|
|
1221
|
+
*/
|
|
1222
1222
|
textField(value) {
|
|
1223
1223
|
this.addStyle("text-field", value);
|
|
1224
1224
|
return this;
|
|
1225
1225
|
}
|
|
1226
1226
|
/**
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1227
|
+
* Font stack to use for displaying text.
|
|
1228
|
+
*
|
|
1229
|
+
* @param value - text-font value (default `Open Sans Regular,Arial Unicode MS Regular`)
|
|
1230
|
+
*/
|
|
1231
1231
|
textFont(value) {
|
|
1232
1232
|
this.addStyle("text-font", value);
|
|
1233
1233
|
return this;
|
|
1234
1234
|
}
|
|
1235
1235
|
/**
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1236
|
+
* Font size.
|
|
1237
|
+
*
|
|
1238
|
+
* @param value - text-size value in pixels (default `16`)
|
|
1239
|
+
*/
|
|
1240
1240
|
textSize(value) {
|
|
1241
1241
|
this.addStyle("text-size", value);
|
|
1242
1242
|
return this;
|
|
1243
1243
|
}
|
|
1244
1244
|
/**
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1245
|
+
* The maximum line width for text wrapping.
|
|
1246
|
+
*
|
|
1247
|
+
* @param value - text-max-width value in ems (default `10`)
|
|
1248
|
+
*/
|
|
1249
1249
|
textMaxWidth(value) {
|
|
1250
1250
|
this.addStyle("text-max-width", value);
|
|
1251
1251
|
return this;
|
|
1252
1252
|
}
|
|
1253
1253
|
/**
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1254
|
+
* Text leading value for multi-line text.
|
|
1255
|
+
*
|
|
1256
|
+
* @param value - text-line-height value in ems (default `1.2`)
|
|
1257
|
+
*/
|
|
1258
1258
|
textLineHeight(value) {
|
|
1259
1259
|
this.addStyle("text-line-height", value);
|
|
1260
1260
|
return this;
|
|
1261
1261
|
}
|
|
1262
1262
|
/**
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1263
|
+
* Text tracking amount.
|
|
1264
|
+
*
|
|
1265
|
+
* @param value - text-letter-spacing value in ems
|
|
1266
|
+
*/
|
|
1267
1267
|
textLetterSpacing(value) {
|
|
1268
1268
|
this.addStyle("text-letter-spacing", value);
|
|
1269
1269
|
return this;
|
|
1270
1270
|
}
|
|
1271
1271
|
/**
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
|
|
1272
|
+
* Text justification options.
|
|
1273
|
+
*
|
|
1274
|
+
* Values:
|
|
1275
|
+
* - auto: The text is aligned towards the anchor position.
|
|
1276
|
+
* - left: The text is aligned to the left.
|
|
1277
|
+
* - center: The text is centered.
|
|
1278
|
+
* - right: The text is aligned to the right.
|
|
1279
|
+
*
|
|
1280
|
+
* @param value - text-justify value (default `center`)
|
|
1281
|
+
*/
|
|
1282
1282
|
textJustify(value) {
|
|
1283
1283
|
this.addStyle("text-justify", value);
|
|
1284
1284
|
return this;
|
|
1285
1285
|
}
|
|
1286
1286
|
/**
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1287
|
+
* Radial offset of text, in the direction of the symbol's anchor. Useful in combination with `text-variable-anchor`, which defaults to using the two-dimensional `text-offset` if present.
|
|
1288
|
+
*
|
|
1289
|
+
* @param value - text-radial-offset value in ems
|
|
1290
|
+
*/
|
|
1291
1291
|
textRadialOffset(value) {
|
|
1292
1292
|
this.addStyle("text-radial-offset", value);
|
|
1293
1293
|
return this;
|
|
1294
1294
|
}
|
|
1295
1295
|
/**
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1296
|
+
* To increase the chance of placing high-priority labels on the map, you can provide an array of `text-anchor` locations: the renderer will attempt to place the label at each location, in order, before moving onto the next label. Use `text-justify: auto` to choose justification based on anchor position. To apply an offset, use the `text-radial-offset` or the two-dimensional `text-offset`.
|
|
1297
|
+
*
|
|
1298
|
+
* Values:
|
|
1299
|
+
* - center: The center of the text is placed closest to the anchor.
|
|
1300
|
+
* - left: The left side of the text is placed closest to the anchor.
|
|
1301
|
+
* - right: The right side of the text is placed closest to the anchor.
|
|
1302
|
+
* - top: The top of the text is placed closest to the anchor.
|
|
1303
|
+
* - bottom: The bottom of the text is placed closest to the anchor.
|
|
1304
|
+
* - top-left: The top left corner of the text is placed closest to the anchor.
|
|
1305
|
+
* - top-right: The top right corner of the text is placed closest to the anchor.
|
|
1306
|
+
* - bottom-left: The bottom left corner of the text is placed closest to the anchor.
|
|
1307
|
+
* - bottom-right: The bottom right corner of the text is placed closest to the anchor.
|
|
1308
|
+
*
|
|
1309
|
+
* @param value - text-variable-anchor value
|
|
1310
|
+
*/
|
|
1311
1311
|
textVariableAnchor(value) {
|
|
1312
1312
|
this.addStyle("text-variable-anchor", value);
|
|
1313
1313
|
return this;
|
|
@@ -1334,268 +1334,268 @@ class SymbolLayerStyleBuilder extends MapLayerStyleBuilder {
|
|
|
1334
1334
|
return this;
|
|
1335
1335
|
}
|
|
1336
1336
|
/**
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
|
|
1337
|
+
* Part of the text placed closest to the anchor.
|
|
1338
|
+
*
|
|
1339
|
+
* Values:
|
|
1340
|
+
* - center: The center of the text is placed closest to the anchor.
|
|
1341
|
+
* - left: The left side of the text is placed closest to the anchor.
|
|
1342
|
+
* - right: The right side of the text is placed closest to the anchor.
|
|
1343
|
+
* - top: The top of the text is placed closest to the anchor.
|
|
1344
|
+
* - bottom: The bottom of the text is placed closest to the anchor.
|
|
1345
|
+
* - top-left: The top left corner of the text is placed closest to the anchor.
|
|
1346
|
+
* - top-right: The top right corner of the text is placed closest to the anchor.
|
|
1347
|
+
* - bottom-left: The bottom left corner of the text is placed closest to the anchor.
|
|
1348
|
+
* - bottom-right: The bottom right corner of the text is placed closest to the anchor.
|
|
1349
|
+
*
|
|
1350
|
+
* @param value - text-anchor value (default `center`)
|
|
1351
|
+
*/
|
|
1352
1352
|
textAnchor(value) {
|
|
1353
1353
|
this.addStyle("text-anchor", value);
|
|
1354
1354
|
return this;
|
|
1355
1355
|
}
|
|
1356
1356
|
/**
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
|
|
1357
|
+
* Maximum angle change between adjacent characters.
|
|
1358
|
+
*
|
|
1359
|
+
* @param value - text-max-angle value in degrees (default `45`)
|
|
1360
|
+
*/
|
|
1361
1361
|
textMaxAngle(value) {
|
|
1362
1362
|
this.addStyle("text-max-angle", value);
|
|
1363
1363
|
return this;
|
|
1364
1364
|
}
|
|
1365
1365
|
/**
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1366
|
+
* The property allows control over a symbol's orientation. Note that the property values act as a hint, so that a symbol whose language doesn’t support the provided orientation will be laid out in its natural orientation. Example: English point symbol will be rendered horizontally even if array value contains single 'vertical' enum value. The order of elements in an array define priority order for the placement of an orientation variant.
|
|
1367
|
+
*
|
|
1368
|
+
* Values:
|
|
1369
|
+
* - horizontal: If a text's language supports horizontal writing mode, symbols with point placement would be laid out horizontally.
|
|
1370
|
+
* - vertical: If a text's language supports vertical writing mode, symbols with point placement would be laid out vertically.
|
|
1371
|
+
*
|
|
1372
|
+
* @param value - text-writing-mode value
|
|
1373
|
+
*/
|
|
1374
1374
|
textWritingMode(value) {
|
|
1375
1375
|
this.addStyle("text-writing-mode", value);
|
|
1376
1376
|
return this;
|
|
1377
1377
|
}
|
|
1378
1378
|
/**
|
|
1379
|
-
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
|
|
1379
|
+
* Rotates the text clockwise.
|
|
1380
|
+
*
|
|
1381
|
+
* @param value - text-rotate value in degrees
|
|
1382
|
+
*/
|
|
1383
1383
|
textRotate(value) {
|
|
1384
1384
|
this.addStyle("text-rotate", value);
|
|
1385
1385
|
return this;
|
|
1386
1386
|
}
|
|
1387
1387
|
/**
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1388
|
+
* Size of the additional area around the text bounding box used for detecting symbol collisions.
|
|
1389
|
+
*
|
|
1390
|
+
* @param value - text-padding value in pixels (default `2`)
|
|
1391
|
+
*/
|
|
1392
1392
|
textPadding(value) {
|
|
1393
1393
|
this.addStyle("text-padding", value);
|
|
1394
1394
|
return this;
|
|
1395
1395
|
}
|
|
1396
1396
|
/**
|
|
1397
|
-
|
|
1398
|
-
|
|
1399
|
-
|
|
1400
|
-
|
|
1397
|
+
* If true, the text may be flipped vertically to prevent it from being rendered upside-down.
|
|
1398
|
+
*
|
|
1399
|
+
* @param value - text-keep-upright value (default `true`)
|
|
1400
|
+
*/
|
|
1401
1401
|
textKeepUpright(value) {
|
|
1402
1402
|
this.addStyle("text-keep-upright", value);
|
|
1403
1403
|
return this;
|
|
1404
1404
|
}
|
|
1405
1405
|
/**
|
|
1406
|
-
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
1414
|
-
|
|
1406
|
+
* Specifies how to capitalize text, similar to the CSS `text-transform` property.
|
|
1407
|
+
*
|
|
1408
|
+
* Values:
|
|
1409
|
+
* - none: The text is not altered.
|
|
1410
|
+
* - uppercase: Forces all letters to be displayed in uppercase.
|
|
1411
|
+
* - lowercase: Forces all letters to be displayed in lowercase.
|
|
1412
|
+
*
|
|
1413
|
+
* @param value - text-transform value (default `none`)
|
|
1414
|
+
*/
|
|
1415
1415
|
textTransform(value) {
|
|
1416
1416
|
this.addStyle("text-transform", value);
|
|
1417
1417
|
return this;
|
|
1418
1418
|
}
|
|
1419
1419
|
/**
|
|
1420
|
-
|
|
1421
|
-
|
|
1422
|
-
|
|
1423
|
-
|
|
1420
|
+
* Offset distance of text from its anchor. Positive values indicate right and down, while negative values indicate left and up. If used with text-variable-anchor, input values will be taken as absolute values. Offsets along the x- and y-axis will be applied automatically based on the anchor position.
|
|
1421
|
+
*
|
|
1422
|
+
* @param value - text-offset value in ems (default `0,0`)
|
|
1423
|
+
*/
|
|
1424
1424
|
textOffset(value) {
|
|
1425
1425
|
this.addStyle("text-offset", value);
|
|
1426
1426
|
return this;
|
|
1427
1427
|
}
|
|
1428
1428
|
/**
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1429
|
+
* If true, the text will be visible even if it collides with other previously drawn symbols.
|
|
1430
|
+
*
|
|
1431
|
+
* @param value - text-allow-overlap value
|
|
1432
|
+
*/
|
|
1433
1433
|
textAllowOverlap(value) {
|
|
1434
1434
|
this.addStyle("text-allow-overlap", value);
|
|
1435
1435
|
return this;
|
|
1436
1436
|
}
|
|
1437
1437
|
/**
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1438
|
+
* Allows for control over whether to show symbol text when it overlaps other symbols on the map. If `text-overlap` is not set, `text-allow-overlap` is used instead
|
|
1439
|
+
*
|
|
1440
|
+
* Values:
|
|
1441
|
+
* - never: The text will be hidden if it collides with any other previously drawn symbol.
|
|
1442
|
+
* - always: The text will be visible even if it collides with any other previously drawn symbol.
|
|
1443
|
+
* - cooperative: If the text collides with another previously drawn symbol, the overlap mode for that symbol is checked. If the previous symbol was placed using `never` overlap mode, the new text is hidden. If the previous symbol was placed using `always` or `cooperative` overlap mode, the new text is visible.
|
|
1444
|
+
*
|
|
1445
|
+
* @param value - text-overlap value
|
|
1446
|
+
*/
|
|
1447
1447
|
textOverlap(value) {
|
|
1448
1448
|
this.addStyle("text-overlap", value);
|
|
1449
1449
|
return this;
|
|
1450
1450
|
}
|
|
1451
1451
|
/**
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1452
|
+
* If true, other symbols can be visible even if they collide with the text.
|
|
1453
|
+
*
|
|
1454
|
+
* @param value - text-ignore-placement value
|
|
1455
|
+
*/
|
|
1456
1456
|
textIgnorePlacement(value) {
|
|
1457
1457
|
this.addStyle("text-ignore-placement", value);
|
|
1458
1458
|
return this;
|
|
1459
1459
|
}
|
|
1460
1460
|
/**
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1461
|
+
* If true, icons will display without their corresponding text when the text collides with other symbols and the icon does not.
|
|
1462
|
+
*
|
|
1463
|
+
* @param value - text-optional value
|
|
1464
|
+
*/
|
|
1465
1465
|
textOptional(value) {
|
|
1466
1466
|
this.addStyle("text-optional", value);
|
|
1467
1467
|
return this;
|
|
1468
1468
|
}
|
|
1469
1469
|
/**
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1470
|
+
* The opacity at which the icon will be drawn.
|
|
1471
|
+
*
|
|
1472
|
+
* @param value - icon-opacity value (default `1`)
|
|
1473
|
+
*/
|
|
1474
1474
|
iconOpacity(value) {
|
|
1475
1475
|
this.addStyle("icon-opacity", value);
|
|
1476
1476
|
return this;
|
|
1477
1477
|
}
|
|
1478
1478
|
/**
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
|
|
1482
|
-
|
|
1479
|
+
* The color of the icon. This can only be used with sdf icons.
|
|
1480
|
+
*
|
|
1481
|
+
* @param value - icon-color value (default `#000000`)
|
|
1482
|
+
*/
|
|
1483
1483
|
iconColor(value) {
|
|
1484
1484
|
this.addStyle("icon-color", value);
|
|
1485
1485
|
return this;
|
|
1486
1486
|
}
|
|
1487
1487
|
/**
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1488
|
+
* The color of the icon's halo. Icon halos can only be used with SDF icons.
|
|
1489
|
+
*
|
|
1490
|
+
* @param value - icon-halo-color value (default `rgba(0, 0, 0, 0)`)
|
|
1491
|
+
*/
|
|
1492
1492
|
iconHaloColor(value) {
|
|
1493
1493
|
this.addStyle("icon-halo-color", value);
|
|
1494
1494
|
return this;
|
|
1495
1495
|
}
|
|
1496
1496
|
/**
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
|
|
1497
|
+
* Distance of halo to the icon outline.
|
|
1498
|
+
*
|
|
1499
|
+
* @param value - icon-halo-width value in pixels
|
|
1500
|
+
*/
|
|
1501
1501
|
iconHaloWidth(value) {
|
|
1502
1502
|
this.addStyle("icon-halo-width", value);
|
|
1503
1503
|
return this;
|
|
1504
1504
|
}
|
|
1505
1505
|
/**
|
|
1506
|
-
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
|
|
1506
|
+
* Fade out the halo towards the outside.
|
|
1507
|
+
*
|
|
1508
|
+
* @param value - icon-halo-blur value in pixels
|
|
1509
|
+
*/
|
|
1510
1510
|
iconHaloBlur(value) {
|
|
1511
1511
|
this.addStyle("icon-halo-blur", value);
|
|
1512
1512
|
return this;
|
|
1513
1513
|
}
|
|
1514
1514
|
/**
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
|
|
1518
|
-
|
|
1515
|
+
* Distance that the icon's anchor is moved from its original placement. Positive values indicate right and down, while negative values indicate left and up.
|
|
1516
|
+
*
|
|
1517
|
+
* @param value - icon-translate value in pixels (default `0,0`)
|
|
1518
|
+
*/
|
|
1519
1519
|
iconTranslate(value) {
|
|
1520
1520
|
this.addStyle("icon-translate", value);
|
|
1521
1521
|
return this;
|
|
1522
1522
|
}
|
|
1523
1523
|
/**
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1524
|
+
* Controls the frame of reference for `icon-translate`.
|
|
1525
|
+
*
|
|
1526
|
+
* Values:
|
|
1527
|
+
* - map: Icons are translated relative to the map.
|
|
1528
|
+
* - viewport: Icons are translated relative to the viewport.
|
|
1529
|
+
*
|
|
1530
|
+
* @param value - icon-translate-anchor value (default `map`)
|
|
1531
|
+
*/
|
|
1532
1532
|
iconTranslateAnchor(value) {
|
|
1533
1533
|
this.addStyle("icon-translate-anchor", value);
|
|
1534
1534
|
return this;
|
|
1535
1535
|
}
|
|
1536
1536
|
/**
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
1537
|
+
* The opacity at which the text will be drawn.
|
|
1538
|
+
*
|
|
1539
|
+
* @param value - text-opacity value (default `1`)
|
|
1540
|
+
*/
|
|
1541
1541
|
textOpacity(value) {
|
|
1542
1542
|
this.addStyle("text-opacity", value);
|
|
1543
1543
|
return this;
|
|
1544
1544
|
}
|
|
1545
1545
|
/**
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
|
|
1549
|
-
|
|
1546
|
+
* The color with which the text will be drawn.
|
|
1547
|
+
*
|
|
1548
|
+
* @param value - text-color value (default `#000000`)
|
|
1549
|
+
*/
|
|
1550
1550
|
textColor(value) {
|
|
1551
1551
|
this.addStyle("text-color", value);
|
|
1552
1552
|
return this;
|
|
1553
1553
|
}
|
|
1554
1554
|
/**
|
|
1555
|
-
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
|
|
1555
|
+
* The color of the text's halo, which helps it stand out from backgrounds.
|
|
1556
|
+
*
|
|
1557
|
+
* @param value - text-halo-color value (default `rgba(0, 0, 0, 0)`)
|
|
1558
|
+
*/
|
|
1559
1559
|
textHaloColor(value) {
|
|
1560
1560
|
this.addStyle("text-halo-color", value);
|
|
1561
1561
|
return this;
|
|
1562
1562
|
}
|
|
1563
1563
|
/**
|
|
1564
|
-
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
|
|
1564
|
+
* Distance of halo to the font outline. Max text halo width is 1/4 of the font-size.
|
|
1565
|
+
*
|
|
1566
|
+
* @param value - text-halo-width value in pixels
|
|
1567
|
+
*/
|
|
1568
1568
|
textHaloWidth(value) {
|
|
1569
1569
|
this.addStyle("text-halo-width", value);
|
|
1570
1570
|
return this;
|
|
1571
1571
|
}
|
|
1572
1572
|
/**
|
|
1573
|
-
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1573
|
+
* The halo's fadeout distance towards the outside.
|
|
1574
|
+
*
|
|
1575
|
+
* @param value - text-halo-blur value in pixels
|
|
1576
|
+
*/
|
|
1577
1577
|
textHaloBlur(value) {
|
|
1578
1578
|
this.addStyle("text-halo-blur", value);
|
|
1579
1579
|
return this;
|
|
1580
1580
|
}
|
|
1581
1581
|
/**
|
|
1582
|
-
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
|
|
1582
|
+
* Distance that the text's anchor is moved from its original placement. Positive values indicate right and down, while negative values indicate left and up.
|
|
1583
|
+
*
|
|
1584
|
+
* @param value - text-translate value in pixels (default `0,0`)
|
|
1585
|
+
*/
|
|
1586
1586
|
textTranslate(value) {
|
|
1587
1587
|
this.addStyle("text-translate", value);
|
|
1588
1588
|
return this;
|
|
1589
1589
|
}
|
|
1590
1590
|
/**
|
|
1591
|
-
|
|
1592
|
-
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1591
|
+
* Controls the frame of reference for `text-translate`.
|
|
1592
|
+
*
|
|
1593
|
+
* Values:
|
|
1594
|
+
* - map: The text is translated relative to the map.
|
|
1595
|
+
* - viewport: The text is translated relative to the viewport.
|
|
1596
|
+
*
|
|
1597
|
+
* @param value - text-translate-anchor value (default `map`)
|
|
1598
|
+
*/
|
|
1599
1599
|
textTranslateAnchor(value) {
|
|
1600
1600
|
this.addStyle("text-translate-anchor", value);
|
|
1601
1601
|
return this;
|
|
@@ -1604,121 +1604,121 @@ class SymbolLayerStyleBuilder extends MapLayerStyleBuilder {
|
|
|
1604
1604
|
MapLayerStyleBuilder.registerStyleBuilder("symbol", SymbolLayerStyleBuilder);
|
|
1605
1605
|
class CircleLayerStyleBuilder extends MapLayerStyleBuilder {
|
|
1606
1606
|
/**
|
|
1607
|
-
|
|
1608
|
-
|
|
1609
|
-
|
|
1610
|
-
|
|
1607
|
+
* Sorts features in ascending order based on this value. Features with a higher sort key will appear above features with a lower sort key.
|
|
1608
|
+
*
|
|
1609
|
+
* @param value - circle-sort-key value
|
|
1610
|
+
*/
|
|
1611
1611
|
circleSortKey(value) {
|
|
1612
1612
|
this.addStyle("circle-sort-key", value);
|
|
1613
1613
|
return this;
|
|
1614
1614
|
}
|
|
1615
1615
|
/**
|
|
1616
|
-
|
|
1617
|
-
|
|
1618
|
-
|
|
1619
|
-
|
|
1616
|
+
* Circle radius.
|
|
1617
|
+
*
|
|
1618
|
+
* @param value - circle-radius value in pixels (default `5`)
|
|
1619
|
+
*/
|
|
1620
1620
|
circleRadius(value) {
|
|
1621
1621
|
this.addStyle("circle-radius", value);
|
|
1622
1622
|
return this;
|
|
1623
1623
|
}
|
|
1624
1624
|
/**
|
|
1625
|
-
|
|
1626
|
-
|
|
1627
|
-
|
|
1628
|
-
|
|
1625
|
+
* The fill color of the circle.
|
|
1626
|
+
*
|
|
1627
|
+
* @param value - circle-color value (default `#000000`)
|
|
1628
|
+
*/
|
|
1629
1629
|
circleColor(value) {
|
|
1630
1630
|
this.addStyle("circle-color", value);
|
|
1631
1631
|
return this;
|
|
1632
1632
|
}
|
|
1633
1633
|
/**
|
|
1634
|
-
|
|
1635
|
-
|
|
1636
|
-
|
|
1637
|
-
|
|
1634
|
+
* Amount to blur the circle. 1 blurs the circle such that only the centerpoint is full opacity.
|
|
1635
|
+
*
|
|
1636
|
+
* @param value - circle-blur value
|
|
1637
|
+
*/
|
|
1638
1638
|
circleBlur(value) {
|
|
1639
1639
|
this.addStyle("circle-blur", value);
|
|
1640
1640
|
return this;
|
|
1641
1641
|
}
|
|
1642
1642
|
/**
|
|
1643
|
-
|
|
1644
|
-
|
|
1645
|
-
|
|
1646
|
-
|
|
1643
|
+
* The opacity at which the circle will be drawn.
|
|
1644
|
+
*
|
|
1645
|
+
* @param value - circle-opacity value (default `1`)
|
|
1646
|
+
*/
|
|
1647
1647
|
circleOpacity(value) {
|
|
1648
1648
|
this.addStyle("circle-opacity", value);
|
|
1649
1649
|
return this;
|
|
1650
1650
|
}
|
|
1651
1651
|
/**
|
|
1652
|
-
|
|
1653
|
-
|
|
1654
|
-
|
|
1655
|
-
|
|
1652
|
+
* The geometry's offset. Values are [x, y] where negatives indicate left and up, respectively.
|
|
1653
|
+
*
|
|
1654
|
+
* @param value - circle-translate value in pixels (default `0,0`)
|
|
1655
|
+
*/
|
|
1656
1656
|
circleTranslate(value) {
|
|
1657
1657
|
this.addStyle("circle-translate", value);
|
|
1658
1658
|
return this;
|
|
1659
1659
|
}
|
|
1660
1660
|
/**
|
|
1661
|
-
|
|
1662
|
-
|
|
1663
|
-
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
|
|
1661
|
+
* Controls the frame of reference for `circle-translate`.
|
|
1662
|
+
*
|
|
1663
|
+
* Values:
|
|
1664
|
+
* - map: The circle is translated relative to the map.
|
|
1665
|
+
* - viewport: The circle is translated relative to the viewport.
|
|
1666
|
+
*
|
|
1667
|
+
* @param value - circle-translate-anchor value (default `map`)
|
|
1668
|
+
*/
|
|
1669
1669
|
circleTranslateAnchor(value) {
|
|
1670
1670
|
this.addStyle("circle-translate-anchor", value);
|
|
1671
1671
|
return this;
|
|
1672
1672
|
}
|
|
1673
1673
|
/**
|
|
1674
|
-
|
|
1675
|
-
|
|
1676
|
-
|
|
1677
|
-
|
|
1678
|
-
|
|
1679
|
-
|
|
1680
|
-
|
|
1681
|
-
|
|
1674
|
+
* Controls the scaling behavior of the circle when the map is pitched.
|
|
1675
|
+
*
|
|
1676
|
+
* Values:
|
|
1677
|
+
* - map: Circles are scaled according to their apparent distance to the camera.
|
|
1678
|
+
* - viewport: Circles are not scaled.
|
|
1679
|
+
*
|
|
1680
|
+
* @param value - circle-pitch-scale value (default `map`)
|
|
1681
|
+
*/
|
|
1682
1682
|
circlePitchScale(value) {
|
|
1683
1683
|
this.addStyle("circle-pitch-scale", value);
|
|
1684
1684
|
return this;
|
|
1685
1685
|
}
|
|
1686
1686
|
/**
|
|
1687
|
-
|
|
1688
|
-
|
|
1689
|
-
|
|
1690
|
-
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
|
|
1694
|
-
|
|
1687
|
+
* Orientation of circle when map is pitched.
|
|
1688
|
+
*
|
|
1689
|
+
* Values:
|
|
1690
|
+
* - map: The circle is aligned to the plane of the map.
|
|
1691
|
+
* - viewport: The circle is aligned to the plane of the viewport.
|
|
1692
|
+
*
|
|
1693
|
+
* @param value - circle-pitch-alignment value (default `viewport`)
|
|
1694
|
+
*/
|
|
1695
1695
|
circlePitchAlignment(value) {
|
|
1696
1696
|
this.addStyle("circle-pitch-alignment", value);
|
|
1697
1697
|
return this;
|
|
1698
1698
|
}
|
|
1699
1699
|
/**
|
|
1700
|
-
|
|
1701
|
-
|
|
1702
|
-
|
|
1703
|
-
|
|
1700
|
+
* The width of the circle's stroke. Strokes are placed outside of the `circle-radius`.
|
|
1701
|
+
*
|
|
1702
|
+
* @param value - circle-stroke-width value in pixels
|
|
1703
|
+
*/
|
|
1704
1704
|
circleStrokeWidth(value) {
|
|
1705
1705
|
this.addStyle("circle-stroke-width", value);
|
|
1706
1706
|
return this;
|
|
1707
1707
|
}
|
|
1708
1708
|
/**
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
|
|
1712
|
-
|
|
1709
|
+
* The stroke color of the circle.
|
|
1710
|
+
*
|
|
1711
|
+
* @param value - circle-stroke-color value (default `#000000`)
|
|
1712
|
+
*/
|
|
1713
1713
|
circleStrokeColor(value) {
|
|
1714
1714
|
this.addStyle("circle-stroke-color", value);
|
|
1715
1715
|
return this;
|
|
1716
1716
|
}
|
|
1717
1717
|
/**
|
|
1718
|
-
|
|
1719
|
-
|
|
1720
|
-
|
|
1721
|
-
|
|
1718
|
+
* The opacity of the circle's stroke.
|
|
1719
|
+
*
|
|
1720
|
+
* @param value - circle-stroke-opacity value (default `1`)
|
|
1721
|
+
*/
|
|
1722
1722
|
circleStrokeOpacity(value) {
|
|
1723
1723
|
this.addStyle("circle-stroke-opacity", value);
|
|
1724
1724
|
return this;
|
|
@@ -1727,46 +1727,46 @@ class CircleLayerStyleBuilder extends MapLayerStyleBuilder {
|
|
|
1727
1727
|
MapLayerStyleBuilder.registerStyleBuilder("circle", CircleLayerStyleBuilder);
|
|
1728
1728
|
class HeatmapLayerStyleBuilder extends MapLayerStyleBuilder {
|
|
1729
1729
|
/**
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
|
|
1733
|
-
|
|
1730
|
+
* Radius of influence of one heatmap point in pixels. Increasing the value makes the heatmap smoother, but less detailed.
|
|
1731
|
+
*
|
|
1732
|
+
* @param value - heatmap-radius value in pixels (default `30`)
|
|
1733
|
+
*/
|
|
1734
1734
|
heatmapRadius(value) {
|
|
1735
1735
|
this.addStyle("heatmap-radius", value);
|
|
1736
1736
|
return this;
|
|
1737
1737
|
}
|
|
1738
1738
|
/**
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
|
|
1739
|
+
* A measure of how much an individual point contributes to the heatmap. A value of 10 would be equivalent to having 10 points of weight 1 in the same spot. Especially useful when combined with clustering.
|
|
1740
|
+
*
|
|
1741
|
+
* @param value - heatmap-weight value (default `1`)
|
|
1742
|
+
*/
|
|
1743
1743
|
heatmapWeight(value) {
|
|
1744
1744
|
this.addStyle("heatmap-weight", value);
|
|
1745
1745
|
return this;
|
|
1746
1746
|
}
|
|
1747
1747
|
/**
|
|
1748
|
-
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1748
|
+
* Similar to `heatmap-weight` but controls the intensity of the heatmap globally. Primarily used for adjusting the heatmap based on zoom level.
|
|
1749
|
+
*
|
|
1750
|
+
* @param value - heatmap-intensity value (default `1`)
|
|
1751
|
+
*/
|
|
1752
1752
|
heatmapIntensity(value) {
|
|
1753
1753
|
this.addStyle("heatmap-intensity", value);
|
|
1754
1754
|
return this;
|
|
1755
1755
|
}
|
|
1756
1756
|
/**
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
|
|
1757
|
+
* Defines the color of each pixel based on its density value in a heatmap. Should be an expression that uses `["heatmap-density"]` as input.
|
|
1758
|
+
*
|
|
1759
|
+
* @param value - heatmap-color value (default `interpolate,linear,heatmap-density,0,rgba(0, 0, 255, 0),0.1,royalblue,0.3,cyan,0.5,lime,0.7,yellow,1,red`)
|
|
1760
|
+
*/
|
|
1761
1761
|
heatmapColor(value) {
|
|
1762
1762
|
this.addStyle("heatmap-color", value);
|
|
1763
1763
|
return this;
|
|
1764
1764
|
}
|
|
1765
1765
|
/**
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
|
|
1769
|
-
|
|
1766
|
+
* The global opacity at which the heatmap layer will be drawn.
|
|
1767
|
+
*
|
|
1768
|
+
* @param value - heatmap-opacity value (default `1`)
|
|
1769
|
+
*/
|
|
1770
1770
|
heatmapOpacity(value) {
|
|
1771
1771
|
this.addStyle("heatmap-opacity", value);
|
|
1772
1772
|
return this;
|
|
@@ -1775,77 +1775,77 @@ class HeatmapLayerStyleBuilder extends MapLayerStyleBuilder {
|
|
|
1775
1775
|
MapLayerStyleBuilder.registerStyleBuilder("heatmap", HeatmapLayerStyleBuilder);
|
|
1776
1776
|
class FillExtrusionLayerStyleBuilder extends MapLayerStyleBuilder {
|
|
1777
1777
|
/**
|
|
1778
|
-
|
|
1779
|
-
|
|
1780
|
-
|
|
1781
|
-
|
|
1778
|
+
* The opacity of the entire fill extrusion layer. This is rendered on a per-layer, not per-feature, basis, and data-driven styling is not available.
|
|
1779
|
+
*
|
|
1780
|
+
* @param value - fill-extrusion-opacity value (default `1`)
|
|
1781
|
+
*/
|
|
1782
1782
|
fillExtrusionOpacity(value) {
|
|
1783
1783
|
this.addStyle("fill-extrusion-opacity", value);
|
|
1784
1784
|
return this;
|
|
1785
1785
|
}
|
|
1786
1786
|
/**
|
|
1787
|
-
|
|
1788
|
-
|
|
1789
|
-
|
|
1790
|
-
|
|
1787
|
+
* The base color of the extruded fill. The extrusion's surfaces will be shaded differently based on this color in combination with the root `light` settings. If this color is specified as `rgba` with an alpha component, the alpha component will be ignored; use `fill-extrusion-opacity` to set layer opacity.
|
|
1788
|
+
*
|
|
1789
|
+
* @param value - fill-extrusion-color value (default `#000000`)
|
|
1790
|
+
*/
|
|
1791
1791
|
fillExtrusionColor(value) {
|
|
1792
1792
|
this.addStyle("fill-extrusion-color", value);
|
|
1793
1793
|
return this;
|
|
1794
1794
|
}
|
|
1795
1795
|
/**
|
|
1796
|
-
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1796
|
+
* The geometry's offset. Values are [x, y] where negatives indicate left and up (on the flat plane), respectively.
|
|
1797
|
+
*
|
|
1798
|
+
* @param value - fill-extrusion-translate value in pixels (default `0,0`)
|
|
1799
|
+
*/
|
|
1800
1800
|
fillExtrusionTranslate(value) {
|
|
1801
1801
|
this.addStyle("fill-extrusion-translate", value);
|
|
1802
1802
|
return this;
|
|
1803
1803
|
}
|
|
1804
1804
|
/**
|
|
1805
|
-
|
|
1806
|
-
|
|
1807
|
-
|
|
1808
|
-
|
|
1809
|
-
|
|
1810
|
-
|
|
1811
|
-
|
|
1812
|
-
|
|
1805
|
+
* Controls the frame of reference for `fill-extrusion-translate`.
|
|
1806
|
+
*
|
|
1807
|
+
* Values:
|
|
1808
|
+
* - map: The fill extrusion is translated relative to the map.
|
|
1809
|
+
* - viewport: The fill extrusion is translated relative to the viewport.
|
|
1810
|
+
*
|
|
1811
|
+
* @param value - fill-extrusion-translate-anchor value (default `map`)
|
|
1812
|
+
*/
|
|
1813
1813
|
fillExtrusionTranslateAnchor(value) {
|
|
1814
1814
|
this.addStyle("fill-extrusion-translate-anchor", value);
|
|
1815
1815
|
return this;
|
|
1816
1816
|
}
|
|
1817
1817
|
/**
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
|
|
1818
|
+
* Name of image in sprite to use for drawing images on extruded fills. For seamless patterns, image width and height must be a factor of two (2, 4, 8, ..., 512). Note that zoom-dependent expressions will be evaluated only at integer zoom levels.
|
|
1819
|
+
*
|
|
1820
|
+
* @param value - fill-extrusion-pattern value
|
|
1821
|
+
*/
|
|
1822
1822
|
fillExtrusionPattern(value) {
|
|
1823
1823
|
this.addStyle("fill-extrusion-pattern", value);
|
|
1824
1824
|
return this;
|
|
1825
1825
|
}
|
|
1826
1826
|
/**
|
|
1827
|
-
|
|
1828
|
-
|
|
1829
|
-
|
|
1830
|
-
|
|
1827
|
+
* The height with which to extrude this layer.
|
|
1828
|
+
*
|
|
1829
|
+
* @param value - fill-extrusion-height value in meters
|
|
1830
|
+
*/
|
|
1831
1831
|
fillExtrusionHeight(value) {
|
|
1832
1832
|
this.addStyle("fill-extrusion-height", value);
|
|
1833
1833
|
return this;
|
|
1834
1834
|
}
|
|
1835
1835
|
/**
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
|
|
1839
|
-
|
|
1836
|
+
* The height with which to extrude the base of this layer. Must be less than or equal to `fill-extrusion-height`.
|
|
1837
|
+
*
|
|
1838
|
+
* @param value - fill-extrusion-base value in meters
|
|
1839
|
+
*/
|
|
1840
1840
|
fillExtrusionBase(value) {
|
|
1841
1841
|
this.addStyle("fill-extrusion-base", value);
|
|
1842
1842
|
return this;
|
|
1843
1843
|
}
|
|
1844
1844
|
/**
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
|
|
1848
|
-
|
|
1845
|
+
* Whether to apply a vertical gradient to the sides of a fill-extrusion layer. If true, sides will be shaded slightly darker farther down.
|
|
1846
|
+
*
|
|
1847
|
+
* @param value - fill-extrusion-vertical-gradient value (default `true`)
|
|
1848
|
+
*/
|
|
1849
1849
|
fillExtrusionVerticalGradient(value) {
|
|
1850
1850
|
this.addStyle("fill-extrusion-vertical-gradient", value);
|
|
1851
1851
|
return this;
|
|
@@ -1854,77 +1854,77 @@ class FillExtrusionLayerStyleBuilder extends MapLayerStyleBuilder {
|
|
|
1854
1854
|
MapLayerStyleBuilder.registerStyleBuilder("fill-extrusion", FillExtrusionLayerStyleBuilder);
|
|
1855
1855
|
class RasterLayerStyleBuilder extends MapLayerStyleBuilder {
|
|
1856
1856
|
/**
|
|
1857
|
-
|
|
1858
|
-
|
|
1859
|
-
|
|
1860
|
-
|
|
1857
|
+
* The opacity at which the image will be drawn.
|
|
1858
|
+
*
|
|
1859
|
+
* @param value - raster-opacity value (default `1`)
|
|
1860
|
+
*/
|
|
1861
1861
|
rasterOpacity(value) {
|
|
1862
1862
|
this.addStyle("raster-opacity", value);
|
|
1863
1863
|
return this;
|
|
1864
1864
|
}
|
|
1865
1865
|
/**
|
|
1866
|
-
|
|
1867
|
-
|
|
1868
|
-
|
|
1869
|
-
|
|
1866
|
+
* Rotates hues around the color wheel.
|
|
1867
|
+
*
|
|
1868
|
+
* @param value - raster-hue-rotate value in degrees
|
|
1869
|
+
*/
|
|
1870
1870
|
rasterHueRotate(value) {
|
|
1871
1871
|
this.addStyle("raster-hue-rotate", value);
|
|
1872
1872
|
return this;
|
|
1873
1873
|
}
|
|
1874
1874
|
/**
|
|
1875
|
-
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
|
-
|
|
1875
|
+
* Increase or reduce the brightness of the image. The value is the minimum brightness.
|
|
1876
|
+
*
|
|
1877
|
+
* @param value - raster-brightness-min value
|
|
1878
|
+
*/
|
|
1879
1879
|
rasterBrightnessMin(value) {
|
|
1880
1880
|
this.addStyle("raster-brightness-min", value);
|
|
1881
1881
|
return this;
|
|
1882
1882
|
}
|
|
1883
1883
|
/**
|
|
1884
|
-
|
|
1885
|
-
|
|
1886
|
-
|
|
1887
|
-
|
|
1884
|
+
* Increase or reduce the brightness of the image. The value is the maximum brightness.
|
|
1885
|
+
*
|
|
1886
|
+
* @param value - raster-brightness-max value (default `1`)
|
|
1887
|
+
*/
|
|
1888
1888
|
rasterBrightnessMax(value) {
|
|
1889
1889
|
this.addStyle("raster-brightness-max", value);
|
|
1890
1890
|
return this;
|
|
1891
1891
|
}
|
|
1892
1892
|
/**
|
|
1893
|
-
|
|
1894
|
-
|
|
1895
|
-
|
|
1896
|
-
|
|
1893
|
+
* Increase or reduce the saturation of the image.
|
|
1894
|
+
*
|
|
1895
|
+
* @param value - raster-saturation value
|
|
1896
|
+
*/
|
|
1897
1897
|
rasterSaturation(value) {
|
|
1898
1898
|
this.addStyle("raster-saturation", value);
|
|
1899
1899
|
return this;
|
|
1900
1900
|
}
|
|
1901
1901
|
/**
|
|
1902
|
-
|
|
1903
|
-
|
|
1904
|
-
|
|
1905
|
-
|
|
1902
|
+
* Increase or reduce the contrast of the image.
|
|
1903
|
+
*
|
|
1904
|
+
* @param value - raster-contrast value
|
|
1905
|
+
*/
|
|
1906
1906
|
rasterContrast(value) {
|
|
1907
1907
|
this.addStyle("raster-contrast", value);
|
|
1908
1908
|
return this;
|
|
1909
1909
|
}
|
|
1910
1910
|
/**
|
|
1911
|
-
|
|
1912
|
-
|
|
1913
|
-
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
|
|
1917
|
-
|
|
1918
|
-
|
|
1911
|
+
* The resampling/interpolation method to use for overscaling, also known as texture magnification filter
|
|
1912
|
+
*
|
|
1913
|
+
* Values:
|
|
1914
|
+
* - linear: (Bi)linear filtering interpolates pixel values using the weighted average of the four closest original source pixels creating a smooth but blurry look when overscaled
|
|
1915
|
+
* - nearest: Nearest neighbor filtering interpolates pixel values using the nearest original source pixel creating a sharp but pixelated look when overscaled
|
|
1916
|
+
*
|
|
1917
|
+
* @param value - raster-resampling value (default `linear`)
|
|
1918
|
+
*/
|
|
1919
1919
|
rasterResampling(value) {
|
|
1920
1920
|
this.addStyle("raster-resampling", value);
|
|
1921
1921
|
return this;
|
|
1922
1922
|
}
|
|
1923
1923
|
/**
|
|
1924
|
-
|
|
1925
|
-
|
|
1926
|
-
|
|
1927
|
-
|
|
1924
|
+
* Fade duration when a new tile is added.
|
|
1925
|
+
*
|
|
1926
|
+
* @param value - raster-fade-duration value in milliseconds (default `300`)
|
|
1927
|
+
*/
|
|
1928
1928
|
rasterFadeDuration(value) {
|
|
1929
1929
|
this.addStyle("raster-fade-duration", value);
|
|
1930
1930
|
return this;
|
|
@@ -1933,59 +1933,59 @@ class RasterLayerStyleBuilder extends MapLayerStyleBuilder {
|
|
|
1933
1933
|
MapLayerStyleBuilder.registerStyleBuilder("raster", RasterLayerStyleBuilder);
|
|
1934
1934
|
class HillshadeLayerStyleBuilder extends MapLayerStyleBuilder {
|
|
1935
1935
|
/**
|
|
1936
|
-
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
|
|
1936
|
+
* The direction of the light source used to generate the hillshading with 0 as the top of the viewport if `hillshade-illumination-anchor` is set to `viewport` and due north if `hillshade-illumination-anchor` is set to `map`.
|
|
1937
|
+
*
|
|
1938
|
+
* @param value - hillshade-illumination-direction value (default `335`)
|
|
1939
|
+
*/
|
|
1940
1940
|
hillshadeIlluminationDirection(value) {
|
|
1941
1941
|
this.addStyle("hillshade-illumination-direction", value);
|
|
1942
1942
|
return this;
|
|
1943
1943
|
}
|
|
1944
1944
|
/**
|
|
1945
|
-
|
|
1946
|
-
|
|
1947
|
-
|
|
1948
|
-
|
|
1949
|
-
|
|
1950
|
-
|
|
1951
|
-
|
|
1952
|
-
|
|
1945
|
+
* Direction of light source when map is rotated.
|
|
1946
|
+
*
|
|
1947
|
+
* Values:
|
|
1948
|
+
* - map: The hillshade illumination is relative to the north direction.
|
|
1949
|
+
* - viewport: The hillshade illumination is relative to the top of the viewport.
|
|
1950
|
+
*
|
|
1951
|
+
* @param value - hillshade-illumination-anchor value (default `viewport`)
|
|
1952
|
+
*/
|
|
1953
1953
|
hillshadeIlluminationAnchor(value) {
|
|
1954
1954
|
this.addStyle("hillshade-illumination-anchor", value);
|
|
1955
1955
|
return this;
|
|
1956
1956
|
}
|
|
1957
1957
|
/**
|
|
1958
|
-
|
|
1959
|
-
|
|
1960
|
-
|
|
1961
|
-
|
|
1958
|
+
* Intensity of the hillshade
|
|
1959
|
+
*
|
|
1960
|
+
* @param value - hillshade-exaggeration value (default `0.5`)
|
|
1961
|
+
*/
|
|
1962
1962
|
hillshadeExaggeration(value) {
|
|
1963
1963
|
this.addStyle("hillshade-exaggeration", value);
|
|
1964
1964
|
return this;
|
|
1965
1965
|
}
|
|
1966
1966
|
/**
|
|
1967
|
-
|
|
1968
|
-
|
|
1969
|
-
|
|
1970
|
-
|
|
1967
|
+
* The shading color of areas that face away from the light source.
|
|
1968
|
+
*
|
|
1969
|
+
* @param value - hillshade-shadow-color value (default `#000000`)
|
|
1970
|
+
*/
|
|
1971
1971
|
hillshadeShadowColor(value) {
|
|
1972
1972
|
this.addStyle("hillshade-shadow-color", value);
|
|
1973
1973
|
return this;
|
|
1974
1974
|
}
|
|
1975
1975
|
/**
|
|
1976
|
-
|
|
1977
|
-
|
|
1978
|
-
|
|
1979
|
-
|
|
1976
|
+
* The shading color of areas that faces towards the light source.
|
|
1977
|
+
*
|
|
1978
|
+
* @param value - hillshade-highlight-color value (default `#FFFFFF`)
|
|
1979
|
+
*/
|
|
1980
1980
|
hillshadeHighlightColor(value) {
|
|
1981
1981
|
this.addStyle("hillshade-highlight-color", value);
|
|
1982
1982
|
return this;
|
|
1983
1983
|
}
|
|
1984
1984
|
/**
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1985
|
+
* The shading color used to accentuate rugged terrain like sharp cliffs and gorges.
|
|
1986
|
+
*
|
|
1987
|
+
* @param value - hillshade-accent-color value (default `#000000`)
|
|
1988
|
+
*/
|
|
1989
1989
|
hillshadeAccentColor(value) {
|
|
1990
1990
|
this.addStyle("hillshade-accent-color", value);
|
|
1991
1991
|
return this;
|
|
@@ -1994,28 +1994,28 @@ class HillshadeLayerStyleBuilder extends MapLayerStyleBuilder {
|
|
|
1994
1994
|
MapLayerStyleBuilder.registerStyleBuilder("hillshade", HillshadeLayerStyleBuilder);
|
|
1995
1995
|
class BackgroundLayerStyleBuilder extends MapLayerStyleBuilder {
|
|
1996
1996
|
/**
|
|
1997
|
-
|
|
1998
|
-
|
|
1999
|
-
|
|
2000
|
-
|
|
1997
|
+
* The color with which the background will be drawn.
|
|
1998
|
+
*
|
|
1999
|
+
* @param value - background-color value (default `#000000`)
|
|
2000
|
+
*/
|
|
2001
2001
|
backgroundColor(value) {
|
|
2002
2002
|
this.addStyle("background-color", value);
|
|
2003
2003
|
return this;
|
|
2004
2004
|
}
|
|
2005
2005
|
/**
|
|
2006
|
-
|
|
2007
|
-
|
|
2008
|
-
|
|
2009
|
-
|
|
2006
|
+
* Name of image in sprite to use for drawing an image background. For seamless patterns, image width and height must be a factor of two (2, 4, 8, ..., 512). Note that zoom-dependent expressions will be evaluated only at integer zoom levels.
|
|
2007
|
+
*
|
|
2008
|
+
* @param value - background-pattern value
|
|
2009
|
+
*/
|
|
2010
2010
|
backgroundPattern(value) {
|
|
2011
2011
|
this.addStyle("background-pattern", value);
|
|
2012
2012
|
return this;
|
|
2013
2013
|
}
|
|
2014
2014
|
/**
|
|
2015
|
-
|
|
2016
|
-
|
|
2017
|
-
|
|
2018
|
-
|
|
2015
|
+
* The opacity at which the background will be drawn.
|
|
2016
|
+
*
|
|
2017
|
+
* @param value - background-opacity value (default `1`)
|
|
2018
|
+
*/
|
|
2019
2019
|
backgroundOpacity(value) {
|
|
2020
2020
|
this.addStyle("background-opacity", value);
|
|
2021
2021
|
return this;
|
|
@@ -2090,7 +2090,7 @@ const _MapStyle = class _MapStyle {
|
|
|
2090
2090
|
spec.layers.splice(baseLayerIndex, 1, mergedBaseLayer);
|
|
2091
2091
|
} else {
|
|
2092
2092
|
const source = spec.sources[layer.source];
|
|
2093
|
-
if (source.type === "vector" &&
|
|
2093
|
+
if (source.type === "vector" && randomId.isNil(layerSpec["source-layer"])) {
|
|
2094
2094
|
layerSpec["source-layer"] = "geometry";
|
|
2095
2095
|
}
|
|
2096
2096
|
const layerIndex = this.layerInsertionPoint(layer, spec);
|
|
@@ -2314,7 +2314,7 @@ const _FlowMap = class _FlowMap extends EventEmitter__default {
|
|
|
2314
2314
|
this.emitEvent(new mapFeatureStream.MapStyleChangeEvent("styleChanged", this, oldStyle, style));
|
|
2315
2315
|
});
|
|
2316
2316
|
this._options = {
|
|
2317
|
-
id:
|
|
2317
|
+
id: randomId.randomId("map"),
|
|
2318
2318
|
..._FlowMap._defaultOptions,
|
|
2319
2319
|
...options
|
|
2320
2320
|
};
|
|
@@ -2353,12 +2353,12 @@ const _FlowMap = class _FlowMap extends EventEmitter__default {
|
|
|
2353
2353
|
return this._imageRegistry;
|
|
2354
2354
|
}
|
|
2355
2355
|
addLayer(layerOrOptions) {
|
|
2356
|
-
const layer =
|
|
2356
|
+
const layer = randomId.isPlainObject(layerOrOptions) ? new mapFeatureStream.MapLayer(layerOrOptions) : layerOrOptions;
|
|
2357
2357
|
this._style.addLayer(layer);
|
|
2358
2358
|
return layer;
|
|
2359
2359
|
}
|
|
2360
2360
|
addSource(sourceOrOptions) {
|
|
2361
|
-
const source =
|
|
2361
|
+
const source = randomId.isPlainObject(sourceOrOptions) ? new mapFeatureStream.MapDataSource(sourceOrOptions) : sourceOrOptions;
|
|
2362
2362
|
this.emitEvent(new mapFeatureStream.MapSourceEvent("beforeSourceAdded", this, source.id));
|
|
2363
2363
|
source.setFlowEndpoint({
|
|
2364
2364
|
host: this.context.flowClient.baseUrl,
|
|
@@ -2435,7 +2435,7 @@ const _FlowMap = class _FlowMap extends EventEmitter__default {
|
|
|
2435
2435
|
* @param key Feature state key to remove. Specify `null` to remove all feature state for specified feature(s).
|
|
2436
2436
|
*/
|
|
2437
2437
|
removeFeatureState(feature, key, fireEvent = true) {
|
|
2438
|
-
if (
|
|
2438
|
+
if (randomId.isNil(feature.id) && randomId.isDefined(key)) {
|
|
2439
2439
|
const style = this.maplibreMap.style;
|
|
2440
2440
|
style._checkLoaded();
|
|
2441
2441
|
const sourceId = feature.source;
|
|
@@ -2496,7 +2496,7 @@ const _FlowMap = class _FlowMap extends EventEmitter__default {
|
|
|
2496
2496
|
};
|
|
2497
2497
|
}
|
|
2498
2498
|
setCenter(center, animationOptions) {
|
|
2499
|
-
const lngLat =
|
|
2499
|
+
const lngLat = randomId.isDefined(center.lng) && randomId.isDefined(center.lat) ? new maplibre__default.LngLat(center.lng, center.lat) : void 0;
|
|
2500
2500
|
let method = this.maplibreMap.jumpTo;
|
|
2501
2501
|
if (animationOptions) {
|
|
2502
2502
|
switch (animationOptions.mode) {
|
|
@@ -2512,9 +2512,9 @@ const _FlowMap = class _FlowMap extends EventEmitter__default {
|
|
|
2512
2512
|
}
|
|
2513
2513
|
const options = {
|
|
2514
2514
|
center: lngLat,
|
|
2515
|
-
...
|
|
2516
|
-
...
|
|
2517
|
-
...
|
|
2515
|
+
...randomId.isDefined(center.zoom) && { zoom: center.zoom },
|
|
2516
|
+
...randomId.isDefined(center.bearing) && { bearing: center.bearing },
|
|
2517
|
+
...randomId.isDefined(center.pitch) && { pitch: center.pitch },
|
|
2518
2518
|
...animationOptions
|
|
2519
2519
|
};
|
|
2520
2520
|
method.call(this.maplibreMap, options);
|
|
@@ -2552,7 +2552,7 @@ const _FlowMap = class _FlowMap extends EventEmitter__default {
|
|
|
2552
2552
|
setFeatureState(feature, state, fireEvent = true) {
|
|
2553
2553
|
const source = this.getSource(feature.source);
|
|
2554
2554
|
mapFeatureStream.assert(
|
|
2555
|
-
|
|
2555
|
+
randomId.isDefined(source.featureId),
|
|
2556
2556
|
`${this.formattedName}: cannot set feature state (source '${source.id}' has not featureId specified)`
|
|
2557
2557
|
);
|
|
2558
2558
|
if (source?.type === "vector") {
|
|
@@ -2566,10 +2566,10 @@ const _FlowMap = class _FlowMap extends EventEmitter__default {
|
|
|
2566
2566
|
}
|
|
2567
2567
|
setFeatureStateBulk(sourceId, featureState) {
|
|
2568
2568
|
const source = this.getSource(sourceId.source);
|
|
2569
|
-
mapFeatureStream.assert(
|
|
2569
|
+
mapFeatureStream.assert(randomId.isStringFull(source.featureId));
|
|
2570
2570
|
this.maplibreMap.style._checkLoaded();
|
|
2571
2571
|
const sourceCache = this.maplibreMap.style.sourceCaches[sourceId.source];
|
|
2572
|
-
if (
|
|
2572
|
+
if (randomId.isUndefined(sourceCache)) {
|
|
2573
2573
|
throw new mapFeatureStream.FlowError(
|
|
2574
2574
|
`${this.formattedName}: the source '${sourceId.source}' does not exist in the map's style.`
|
|
2575
2575
|
);
|
|
@@ -2701,9 +2701,9 @@ const _FlowMap = class _FlowMap extends EventEmitter__default {
|
|
|
2701
2701
|
});
|
|
2702
2702
|
}
|
|
2703
2703
|
async loadBaseStyle(style) {
|
|
2704
|
-
if (
|
|
2704
|
+
if (randomId.isURL(style)) {
|
|
2705
2705
|
return fetch(style).then((resp) => resp.json());
|
|
2706
|
-
} else if (
|
|
2706
|
+
} else if (randomId.isString(style)) {
|
|
2707
2707
|
return this.context.flowClient.maps.get(style);
|
|
2708
2708
|
} else {
|
|
2709
2709
|
return style;
|
|
@@ -2775,7 +2775,7 @@ const _Query = class _Query {
|
|
|
2775
2775
|
..._Query._defaultOptions,
|
|
2776
2776
|
...options
|
|
2777
2777
|
};
|
|
2778
|
-
this._options.id = this._options.id ??
|
|
2778
|
+
this._options.id = this._options.id ?? randomId.randomId("query");
|
|
2779
2779
|
mobx.makeObservable(
|
|
2780
2780
|
this,
|
|
2781
2781
|
{
|
|
@@ -3048,7 +3048,7 @@ class StateStore {
|
|
|
3048
3048
|
constructor() {
|
|
3049
3049
|
__publicField(this, "serializationAnnotations", {});
|
|
3050
3050
|
__publicField(this, "id");
|
|
3051
|
-
this.id =
|
|
3051
|
+
this.id = randomId.randomId("state");
|
|
3052
3052
|
}
|
|
3053
3053
|
get formattedName() {
|
|
3054
3054
|
return `StateStore<${this.id}>`;
|
|
@@ -3118,7 +3118,7 @@ class StateStore {
|
|
|
3118
3118
|
[SYNC_ANNOTATION_TYPE]: collectStoredAnnotations(this, SYNC_ANNOTATION_TYPE)
|
|
3119
3119
|
};
|
|
3120
3120
|
Object.keys(annotations).forEach((prop) => {
|
|
3121
|
-
const propAnnotations =
|
|
3121
|
+
const propAnnotations = randomId.ensureArray(annotations[prop]);
|
|
3122
3122
|
propAnnotations.forEach((annotation) => {
|
|
3123
3123
|
const type = annotation.annotationType;
|
|
3124
3124
|
annotationsByType[type] ?? (annotationsByType[type] = {});
|
|
@@ -3188,7 +3188,7 @@ class StateStore {
|
|
|
3188
3188
|
const annotations = this.serializationAnnotations;
|
|
3189
3189
|
const serializedProps = Object.keys(annotations).reduce((accum, prop) => {
|
|
3190
3190
|
const val = this[prop];
|
|
3191
|
-
if (
|
|
3191
|
+
if (randomId.isDefined(val)) {
|
|
3192
3192
|
const serializedValue = annotations[prop].serialize(val);
|
|
3193
3193
|
accum[prop] = serializedValue;
|
|
3194
3194
|
}
|
|
@@ -3251,16 +3251,27 @@ exports.makeObservable = mobx.makeObservable;
|
|
|
3251
3251
|
exports.MapDataSource = mapFeatureStream.MapDataSource;
|
|
3252
3252
|
exports.MapLayer = mapFeatureStream.MapLayer;
|
|
3253
3253
|
exports.ReactiveExpression = mapFeatureStream.ReactiveExpression;
|
|
3254
|
+
exports.BackgroundLayerStyleBuilder = BackgroundLayerStyleBuilder;
|
|
3255
|
+
exports.CircleLayerStyleBuilder = CircleLayerStyleBuilder;
|
|
3254
3256
|
exports.ContextRegistry = ContextRegistry;
|
|
3255
3257
|
exports.DEFAULT_CONTEXT_ID = DEFAULT_CONTEXT_ID;
|
|
3258
|
+
exports.FillExtrusionLayerStyleBuilder = FillExtrusionLayerStyleBuilder;
|
|
3259
|
+
exports.FillLayerStyleBuilder = FillLayerStyleBuilder;
|
|
3256
3260
|
exports.FlowContext = FlowContext;
|
|
3257
3261
|
exports.FlowMap = FlowMap;
|
|
3258
3262
|
exports.FlowRdfCoreGlobals = FlowRdfCoreGlobals;
|
|
3263
|
+
exports.HeatmapLayerStyleBuilder = HeatmapLayerStyleBuilder;
|
|
3264
|
+
exports.HillshadeLayerStyleBuilder = HillshadeLayerStyleBuilder;
|
|
3265
|
+
exports.LineLayerStyleBuilder = LineLayerStyleBuilder;
|
|
3259
3266
|
exports.MapLayerStyleBuilder = MapLayerStyleBuilder;
|
|
3267
|
+
exports.MapRegistry = MapRegistry;
|
|
3260
3268
|
exports.MapStyle = MapStyle;
|
|
3261
3269
|
exports.Query = Query;
|
|
3270
|
+
exports.QueryRegistry = QueryRegistry;
|
|
3271
|
+
exports.RasterLayerStyleBuilder = RasterLayerStyleBuilder;
|
|
3262
3272
|
exports.StateStore = StateStore;
|
|
3263
3273
|
exports.StyleExpression = StyleExpression;
|
|
3274
|
+
exports.SymbolLayerStyleBuilder = SymbolLayerStyleBuilder;
|
|
3264
3275
|
exports.computed = computed;
|
|
3265
3276
|
exports.expr = expr;
|
|
3266
3277
|
exports.getContext = getContext;
|