@mapcomponents/react-maplibre 0.1.96 → 1.0.1
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/.eslintrc.cjs +32 -0
- package/CHANGELOG.md +6 -0
- package/dist/{index.esm.css → assets/index.cjs-Iqz0mZaU.css} +4 -4
- package/dist/assets/index.esm-Iqz0mZaU.css +98 -0
- package/dist/components/MapLibreMap/MapLibreMap.d.ts +30 -31
- package/dist/components/MapLibreMap/lib/MapLibreGlWrapper.d.ts +105 -105
- package/dist/components/MlCenterPosition/MlCenterPosition.d.ts +36 -36
- package/dist/components/MlComponentTemplate/MlComponentTemplate.d.ts +18 -18
- package/dist/components/MlCreatePdfButton/MlCreatePdfButton.d.ts +22 -22
- package/dist/components/MlCreatePdfForm/MlCreatePdfForm.d.ts +30 -30
- package/dist/components/MlCreatePdfForm/lib/PdfContext.d.ts +8 -8
- package/dist/components/MlCreatePdfForm/lib/PdfForm.d.ts +11 -11
- package/dist/components/MlCreatePdfForm/lib/PdfPreview.d.ts +26 -26
- package/dist/components/MlCreatePdfForm/lib/pdf.templates.d.ts +11 -11
- package/dist/components/MlCreatePngButton/MlCreatePngButton.d.ts +22 -22
- package/dist/components/MlFeatureEditor/MlFeatureEditor.d.ts +5 -5
- package/dist/components/MlFillExtrusionLayer/MlFillExtrusionLayer.d.ts +62 -62
- package/dist/components/MlFollowGps/MlFollowGps.d.ts +81 -81
- package/dist/components/MlGeoJsonLayer/MlGeoJsonLayer.d.ts +97 -97
- package/dist/components/MlGeoJsonLayer/story_utils/MlGeoJsonLayer.lineStyler.d.ts +9 -2
- package/dist/components/MlGeoJsonLayer/story_utils/MlGeoJsonLayer.polygonStyler.d.ts +8 -2
- package/dist/components/MlGeoJsonLayer/story_utils/MlGeojsonLayerCircleStyler.d.ts +4 -4
- package/dist/components/MlGeoJsonLayer/story_utils/MlGeojsonLayerHeatMapStyler.d.ts +4 -4
- package/dist/components/MlGeoJsonLayer/util/getDefaultLayerTypeByGeometry.d.ts +2 -2
- package/dist/components/MlGeoJsonLayer/util/getDefaultPaintPropsByType.d.ts +5 -5
- package/dist/components/MlGeojsonLayerWithSource/MlGeojsonLayerWithSource.d.ts +23 -23
- package/dist/components/MlGpxViewer/MlGpxViewer.d.ts +31 -31
- package/dist/components/MlGpxViewer/util/GeoJsonContext.d.ts +10 -10
- package/dist/components/MlGpxViewer/util/GeoJsonProvider.d.ts +5 -5
- package/dist/components/MlGpxViewer/util/Metadata.d.ts +7 -7
- package/dist/components/MlGpxViewer/util/MlGpxDemoLoader.d.ts +11 -11
- package/dist/components/MlGpxViewer/util/MlGpxViewerInstructions.d.ts +4 -4
- package/dist/components/MlImageMarkerLayer/MlImageMarkerLayer.d.ts +39 -39
- package/dist/components/MlLayer/MlLayer.d.ts +33 -33
- package/dist/components/MlLayerMagnify/MlLayerMagnify.d.ts +33 -33
- package/dist/components/MlLayerSwipe/MlLayerSwipe.d.ts +26 -26
- package/dist/components/MlLayerSwitcher/MlLayerSwitcher.d.ts +29 -30
- package/dist/components/MlLayerSwitcher/components/LayerBox.d.ts +10 -6
- package/dist/components/MlMarker/MlMarker.d.ts +34 -34
- package/dist/components/MlMeasureTool/MlMeasureTool.d.ts +36 -36
- package/dist/components/MlMultiMeasureTool/MlMultiMeasureTool.d.ts +55 -55
- package/dist/components/MlNavigationCompass/MlNavigationCompass.d.ts +33 -33
- package/dist/components/MlNavigationTools/MlNavigationTools.d.ts +55 -55
- package/dist/components/MlOrderLayers/MlOrderLayers.d.ts +21 -21
- package/dist/components/MlScaleReference/MlScaleReference.d.ts +9 -9
- package/dist/components/MlShareMapState/MlShareMapState.d.ts +42 -42
- package/dist/components/MlSketchTool/MlSketchTool.d.ts +42 -42
- package/dist/components/MlSpatialElevationProfile/MlSpatialElevationProfile.d.ts +40 -40
- package/dist/components/MlSpatialElevationProfile/util/getElevationData.d.ts +12 -14
- package/dist/components/MlTemporalController/MlTemporalController.d.ts +181 -181
- package/dist/components/MlTemporalController/utils/MlTemporalControllerLabels.d.ts +20 -20
- package/dist/components/MlTemporalController/utils/TemporalControllerPlayer.d.ts +22 -22
- package/dist/components/MlTemporalController/utils/paintPicker.d.ts +59 -59
- package/dist/components/MlTemporalController/utils/useFilterData.d.ts +14 -14
- package/dist/components/MlTerrainLayer/MlTerrainLayer.d.ts +28 -28
- package/dist/components/MlThreeJsLayer/MlThreeJsLayer.d.ts +30 -30
- package/dist/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.d.ts +12 -10
- package/dist/components/MlUseMapDebugger/MlUseMapDebugger.d.ts +18 -22
- package/dist/components/MlVectorTileLayer/MlVectorTileLayer.d.ts +19 -19
- package/dist/components/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup.d.ts +29 -22
- package/dist/components/MlWmsLayer/MlWmsLayer.d.ts +104 -104
- package/dist/components/MlWmsLoader/MlWmsLoader.d.ts +125 -125
- package/dist/components/MlWmsLoader/utils/MlWmsLoaderInstructions.d.ts +4 -4
- package/dist/components/MlWmsLoader/utils/WMSLinks.d.ts +8 -8
- package/dist/contexts/LayerContext.d.ts +59 -59
- package/dist/contexts/MapContext.d.ts +24 -24
- package/dist/contexts/SimpleDataContext.d.ts +4 -4
- package/dist/contexts/SimpleDataProvider.d.ts +18 -8
- package/dist/decorators/EmptyMapDecorator.d.ts +4 -2
- package/dist/decorators/GeoJsonMapDecorator.d.ts +4 -2
- package/dist/decorators/LowZoomDecorator.d.ts +4 -2
- package/dist/decorators/MapContextDecorator.d.ts +4 -2
- package/dist/decorators/MapContextDecoratorHooks.d.ts +4 -2
- package/dist/decorators/MultiMapContextDecorator.d.ts +4 -2
- package/dist/decorators/NoNavToolsDecorator.d.ts +4 -2
- package/dist/decorators/ThemeDecorator.d.ts +5 -2
- package/dist/hooks/useAddImage/useAddImage.d.ts +20 -20
- package/dist/hooks/useAddProtocol/useAddProtocol.d.ts +23 -23
- package/dist/hooks/useCameraFollowPath/useCameraFollowPath.d.ts +35 -35
- package/dist/hooks/useExportMap/index.d.ts +11 -11
- package/dist/hooks/useExportMap/lib.d.ts +51 -51
- package/dist/hooks/useFeatureEditor/useFeatureEditor.d.ts +46 -46
- package/dist/hooks/useFeatureEditor/utils/FeatureEditorStyle.d.ts +88 -88
- package/dist/hooks/useFitLayerBounds.d.ts +8 -8
- package/dist/hooks/useGpx/useGpx.d.ts +26 -26
- package/dist/hooks/useLayer.d.ts +36 -36
- package/dist/hooks/useLayerContext.d.ts +2 -2
- package/dist/hooks/useLayerFilter/useLayerFilter.d.ts +8 -8
- package/dist/hooks/useLayerHoverPopup/{useLayerHoverPopup.d.ts → LayerHoverPopup.d.ts} +23 -24
- package/dist/hooks/useMap.d.ts +14 -14
- package/dist/hooks/useMapState.d.ts +62 -62
- package/dist/hooks/useSource.d.ts +17 -17
- package/dist/hooks/useWms.d.ts +26 -26
- package/dist/index.cjs.js +21050 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.d.ts +87 -89
- package/dist/index.esm.js +19882 -20200
- package/dist/index.esm.js.map +1 -1
- package/dist/omt_styles/bright.d.ts +2495 -2495
- package/dist/omt_styles/config.d.ts +7 -7
- package/dist/omt_styles/gruvbox.d.ts +2420 -2420
- package/dist/omt_styles/medieval_kingdom.d.ts +2420 -2420
- package/dist/omt_styles/monokai.d.ts +2420 -2420
- package/dist/omt_styles/oceanic_next.d.ts +2420 -2420
- package/dist/omt_styles/solarized.d.ts +2420 -2420
- package/dist/protocol_handlers/csv.d.ts +8 -8
- package/dist/protocol_handlers/mbtiles.d.ts +33 -33
- package/dist/protocol_handlers/osm.d.ts +11 -11
- package/dist/protocol_handlers/topojson.d.ts +9 -9
- package/dist/protocol_handlers/utils/getProtocolData.d.ts +1 -1
- package/dist/protocol_handlers/utils/protocolPathParser.d.ts +7 -7
- package/dist/protocol_handlers/xml.d.ts +10 -10
- package/dist/ui_components/AddLayerButton/AddLayerButton.d.ts +17 -17
- package/dist/ui_components/AddLayerButton/AddLayerPopup.d.ts +15 -15
- package/dist/ui_components/AddLayerButton/LayerConfigForms/GeoJsonLayerForm.d.ts +8 -8
- package/dist/ui_components/AddLayerButton/LayerConfigForms/LayerTypeForm.d.ts +10 -10
- package/dist/ui_components/AddLayerButton/LayerConfigForms/MbtilesLayerForm.d.ts +13 -13
- package/dist/ui_components/AddLayerButton/LayerConfigForms/ProtocolHandlerLayerForm.d.ts +10 -10
- package/dist/ui_components/AddLayerButton/LayerConfigForms/WmsLayerForm.d.ts +10 -10
- package/dist/ui_components/AddLayerButton/LayerConfigForms/utils/CSVOptionsFomular.d.ts +6 -6
- package/dist/ui_components/AddLayerButton/LayerConfigForms/utils/MbtilesLayerPropFormular.d.ts +7 -7
- package/dist/ui_components/AddLayerButton/LayerConfigForms/utils/OsmOptionsFomular.d.ts +6 -6
- package/dist/ui_components/ColorPicker/ColorPicker.d.ts +17 -17
- package/dist/ui_components/ColorPicker/transformers.d.ts +10 -10
- package/dist/ui_components/ConfirmDialog.d.ts +16 -16
- package/dist/ui_components/DemoDescriptions.d.ts +12 -12
- package/dist/ui_components/Dropzone.d.ts +6 -6
- package/dist/ui_components/ImageLoader.d.ts +10 -10
- package/dist/ui_components/LayerList/LayerList.d.ts +7 -7
- package/dist/ui_components/LayerList/LayerListFolder.d.ts +9 -9
- package/dist/ui_components/LayerList/LayerListItem.d.ts +26 -26
- package/dist/ui_components/LayerList/LayerListItemFactory.d.ts +18 -18
- package/dist/ui_components/LayerList/util/LayerListItemVectorLayer.d.ts +23 -36
- package/dist/ui_components/LayerList/util/LayerPropertyForm.d.ts +10 -10
- package/dist/ui_components/LayerList/util/SortableContainer.d.ts +7 -7
- package/dist/ui_components/LayerList/util/input/ColorPicker.d.ts +10 -10
- package/dist/ui_components/LoadingOverlayContext.d.ts +10 -10
- package/dist/ui_components/MapcomponentsTheme.d.ts +35 -35
- package/dist/ui_components/SelectStyleButton/SelectStyleButton.d.ts +20 -20
- package/dist/ui_components/SelectStyleButton/SelectStylePopup.d.ts +18 -18
- package/dist/ui_components/Sidebar.d.ts +12 -12
- package/dist/ui_components/SpeedDial/SpeedDial.d.ts +14 -14
- package/dist/ui_components/TopToolbar.d.ts +9 -9
- package/dist/ui_components/UploadButton.d.ts +8 -8
- package/dist/util/BubbleForInstructions.d.ts +16 -2
- package/dist/util/Instructions.d.ts +14 -14
- package/package.json +207 -208
- package/rollup.config.mjs +62 -0
- package/dist/components/MapLibreMap/MapLibreMap.stories.d.ts +0 -20
- package/dist/components/MapLibreMap/MapLibreMap.test.d.ts +0 -1
- package/dist/components/MapLibreMap/lib/MapLibreGlWrapper.test.d.ts +0 -1
- package/dist/components/MlBasicComponent.d.ts +0 -5
- package/dist/components/MlCenterPosition/MlCenterPosition.stories.d.ts +0 -21
- package/dist/components/MlComponentTemplate/MlComponentTemplate.stories.d.ts +0 -14
- package/dist/components/MlCreatePdfButton/MlCreatePdfButton.stories.d.ts +0 -14
- package/dist/components/MlCreatePdfForm/MlCreatePdfForm.cy.d.ts +0 -1
- package/dist/components/MlCreatePdfForm/MlCreatePdfForm.stories.d.ts +0 -15
- package/dist/components/MlCreatePdfForm/lib/_PdfPreview.d.ts +0 -14
- package/dist/components/MlCreatePngButton/MlCreatePngButton.stories.d.ts +0 -14
- package/dist/components/MlFeatureEditor/MlFeatureEditor.stories.d.ts +0 -16
- package/dist/components/MlFeatureEditor/MlFeatureEditor.test.d.ts +0 -1
- package/dist/components/MlFillExtrusionLayer/MlFillExtrusionLayer.stories.d.ts +0 -27
- package/dist/components/MlFillExtrusionLayer/MlFillExtrusionLayer.test.d.ts +0 -1
- package/dist/components/MlFollowGps/MlFollowGps.stories.d.ts +0 -11
- package/dist/components/MlFollowGps/MlFollowGps.test.d.ts +0 -1
- package/dist/components/MlGeoJsonLayer/MlGeoJsonLayer.stories.d.ts +0 -18
- package/dist/components/MlGeoJsonLayer/MlGeoJsonLayer.test.d.ts +0 -1
- package/dist/components/MlGeojsonLayerWithSource/MlGeojsonLayerWithSource.stories.d.ts +0 -14
- package/dist/components/MlGpxViewer/MlGpxViewer.stories.d.ts +0 -18
- package/dist/components/MlGpxViewer/MlGpxViewer.test.d.ts +0 -1
- package/dist/components/MlImageMarkerLayer/MlImageMarkerLayer.stories.d.ts +0 -9
- package/dist/components/MlImageMarkerLayer/MlImageMarkerLayer.test.d.ts +0 -1
- package/dist/components/MlLayer/MlLayer.test.d.ts +0 -1
- package/dist/components/MlLayerMagnify/MlLayerMagnify.stories.d.ts +0 -15
- package/dist/components/MlLayerMagnify/MlLayerMagnify.test.d.ts +0 -1
- package/dist/components/MlLayerSwipe/MlLayerSwipe.stories.d.ts +0 -14
- package/dist/components/MlLayerSwipe/MlLayerSwipe.test.d.ts +0 -1
- package/dist/components/MlLayerSwitcher/MlLayerSwitcher.stories.d.ts +0 -13
- package/dist/components/MlMarker/MlMarker.stories.d.ts +0 -9
- package/dist/components/MlMeasureTool/MlMeasureTool.stories.d.ts +0 -12
- package/dist/components/MlMultiMeasureTool/MlMultiMeasureTool.stories.d.ts +0 -16
- package/dist/components/MlNavigationCompass/MlNavigationCompass.stories.d.ts +0 -10
- package/dist/components/MlNavigationCompass/MlNavigationCompass.test.d.ts +0 -1
- package/dist/components/MlNavigationTools/MlNavigationTools.stories.d.ts +0 -29
- package/dist/components/MlOrderLayers/MlOrderLayers.stories.d.ts +0 -15
- package/dist/components/MlOsmLayer/MlOsmLayer.d.ts +0 -18
- package/dist/components/MlOsmLayer/MlOsmLayer.stories_.d.ts +0 -16
- package/dist/components/MlOsmLayer/MlOsmLayer.test.d.ts +0 -1
- package/dist/components/MlScaleReference/MlScaleReference.stories.d.ts +0 -15
- package/dist/components/MlShareMapState/MlShareMapState.stories.d.ts +0 -17
- package/dist/components/MlSketchTool/MlSketchTool.stories.d.ts +0 -15
- package/dist/components/MlSpatialElevationProfile/MlSpatialElevationProfile.stories.d.ts +0 -20
- package/dist/components/MlSpatialElevationProfile/MlSpatialElevationProfile.test.d.ts +0 -1
- package/dist/components/MlTemporalController/MlTemporalController.stories.d.ts +0 -34
- package/dist/components/MlTerrainLayer/MlTerrainLayer.cy.d.ts +0 -1
- package/dist/components/MlTerrainLayer/MlTerrainLayer.stories.d.ts +0 -14
- package/dist/components/MlThreeJsLayer/MlThreeJsLayer.stories.d.ts +0 -22
- package/dist/components/MlThreeJsLayer/MlThreeJsLayer.test.d.ts +0 -1
- package/dist/components/MlThreeJsLayer/lib/GLTFLoader.d.ts +0 -18
- package/dist/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.stories.d.ts +0 -13
- package/dist/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.test.d.ts +0 -1
- package/dist/components/MlTransitionGeoJsonLayer/util/transitionFunctions.d.ts +0 -2
- package/dist/components/MlUseMapDebugger/MlUseMapDebugger.stories.d.ts +0 -13
- package/dist/components/MlVectorTileLayer/MlVectorTileLayer.stories.d.ts +0 -13
- package/dist/components/MlVectorTileLayer/MlVectorTileLayer.test.d.ts +0 -1
- package/dist/components/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup.stories.d.ts +0 -22
- package/dist/components/MlWmsLayer/MlWmsLayer.stories.d.ts +0 -13
- package/dist/components/MlWmsLayer/MlWmsLayer.test.d.ts +0 -1
- package/dist/components/MlWmsLoader/MlWmsLoader.stories.d.ts +0 -30
- package/dist/contexts/MapComponentsProvider.test.d.ts +0 -1
- package/dist/contexts/SimpleDataProvider.test.d.ts +0 -1
- package/dist/hooks/useAddImage/useAddImage.stories.d.ts +0 -14
- package/dist/hooks/useAddImage/useaddImage.cy.d.ts +0 -1
- package/dist/hooks/useAddProtocol/useAddProtocol.stories.d.ts +0 -22
- package/dist/hooks/useCameraFollowPath/useCameraFollowPath.stories.d.ts +0 -18
- package/dist/hooks/useGpx/lib/gpxConverter.d.ts +0 -11
- package/dist/hooks/useGpx/useGpx.stories.d.ts +0 -10
- package/dist/hooks/useLayer.test.d.ts +0 -1
- package/dist/hooks/useLayerEvent.d.ts +0 -2
- package/dist/hooks/useLayerFilter/useLayerFilter.stories.d.ts +0 -10
- package/dist/hooks/useLayerHoverPopup/useLayerHoverPopup.stories.d.ts +0 -10
- package/dist/hooks/useMap.test.d.ts +0 -1
- package/dist/hooks/useMapState.stories.d.ts +0 -14
- package/dist/hooks/useSources.stories.d.ts +0 -13
- package/dist/setupTests.d.ts +0 -13
- package/dist/stories/components/Readme.d.ts +0 -2
- package/dist/ui_components/AddLayerButton/AddLayerButton.stories.d.ts +0 -13
- package/dist/ui_components/LayerList/LayerList.stories.d.ts +0 -15
- package/dist/ui_components/SelectStyleButton/SelectStyleButton.stories.d.ts +0 -15
- package/dist/ui_components/SpeedDial/SpeedDial.stories.d.ts +0 -21
- package/dist/util/index.d.ts +0 -3
- package/dist/util/layerRemovalTest.d.ts +0 -2
- package/dist/util/sourceRemovalTest.d.ts +0 -2
|
@@ -1,181 +1,181 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { FeatureCollection } from '@turf/turf';
|
|
3
|
-
import { LineLayerSpecification, CircleLayerSpecification, FillLayerSpecification, SymbolLayoutProps, SymbolPaintProps } from 'maplibre-gl';
|
|
4
|
-
import { useLayerProps } from 'src/hooks/useLayer';
|
|
5
|
-
export interface MlTemporalControllerProps {
|
|
6
|
-
/**
|
|
7
|
-
* Id of the target MapLibre instance in mapContext
|
|
8
|
-
*/
|
|
9
|
-
mapId?: string;
|
|
10
|
-
/**
|
|
11
|
-
* Id of an existing layer in the mapLibre instance to help specify the layer order.
|
|
12
|
-
* This layer will be visually beneath the layer with the "insertBeforeLayer" id.
|
|
13
|
-
*/
|
|
14
|
-
insertBeforeLayer?: string;
|
|
15
|
-
/**
|
|
16
|
-
* GeoJSON data that is supposed to be rendered by this component.
|
|
17
|
-
*/
|
|
18
|
-
geojson: FeatureCollection;
|
|
19
|
-
/**
|
|
20
|
-
* If true,the component creates and loads a MlGeoJsonLayer to show the data.
|
|
21
|
-
*/
|
|
22
|
-
ownLayer?: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* MapLibre attribution shown in the bottom right of the map, if this layer is visible
|
|
25
|
-
*/
|
|
26
|
-
attribution?: string;
|
|
27
|
-
/**
|
|
28
|
-
* Type of the layer that will be added to the MapLibre instance.
|
|
29
|
-
* Possible values: "line", "circle", "fill"
|
|
30
|
-
*/
|
|
31
|
-
type?: 'fill' | 'line' | 'circle';
|
|
32
|
-
/**
|
|
33
|
-
* Property field where the time informations is available.
|
|
34
|
-
*/
|
|
35
|
-
timeField: string;
|
|
36
|
-
/**
|
|
37
|
-
* Lowest time value to be shown in the time line.
|
|
38
|
-
* By default, it is set to the lowest value in the time field.
|
|
39
|
-
*/
|
|
40
|
-
minVal?: number;
|
|
41
|
-
/**
|
|
42
|
-
*When true, a label layer will be added by the component. In that case, the "labelField" propertie is mandatory.
|
|
43
|
-
*/
|
|
44
|
-
label?: boolean;
|
|
45
|
-
/**
|
|
46
|
-
* Property field where the label information is available.
|
|
47
|
-
*/
|
|
48
|
-
labelField?: string;
|
|
49
|
-
/**
|
|
50
|
-
* Highest time value to be shown in the time line.
|
|
51
|
-
* By default, it is set to the highest value in the time field.
|
|
52
|
-
*/
|
|
53
|
-
maxVal?: number;
|
|
54
|
-
/**
|
|
55
|
-
* the value at which the component is to be loaded.
|
|
56
|
-
* If not specified, the component starts at the minimum value.
|
|
57
|
-
*/
|
|
58
|
-
initialVal?: number;
|
|
59
|
-
/**
|
|
60
|
-
* When true, the features will be accumulated in the map.
|
|
61
|
-
* This option ist by default false.
|
|
62
|
-
*/
|
|
63
|
-
accumulate?: boolean;
|
|
64
|
-
/**
|
|
65
|
-
* When true, the component will fit the map bounds to the shown features.
|
|
66
|
-
* This option ist by default true.
|
|
67
|
-
*/
|
|
68
|
-
fitBounds?: boolean;
|
|
69
|
-
/**
|
|
70
|
-
* Boolean value that disables and enables the controls drawer.
|
|
71
|
-
*/
|
|
72
|
-
showControls?: boolean;
|
|
73
|
-
/**
|
|
74
|
-
* Paint property object for the features layer.
|
|
75
|
-
* Possible props depend on the layer type.
|
|
76
|
-
* https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#line
|
|
77
|
-
* https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
|
|
78
|
-
* https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
|
|
79
|
-
*/
|
|
80
|
-
paint?: CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
|
|
81
|
-
/**
|
|
82
|
-
* Sets the color of the features rendered by this component.
|
|
83
|
-
*/
|
|
84
|
-
featuresColor?: string;
|
|
85
|
-
/**
|
|
86
|
-
* How many units the timeline runs through at each step.
|
|
87
|
-
* By default it is set to 1.
|
|
88
|
-
*/
|
|
89
|
-
step?: number;
|
|
90
|
-
/**
|
|
91
|
-
* The time between each addition to the counter, expressed in milliseconds.
|
|
92
|
-
* By default, 200 ms.
|
|
93
|
-
*/
|
|
94
|
-
interval?: number;
|
|
95
|
-
/**
|
|
96
|
-
* A numeric value that sets how many steps before the feature starts to appear.
|
|
97
|
-
* By default it is set to 5 steps.
|
|
98
|
-
*/
|
|
99
|
-
fadeIn?: number;
|
|
100
|
-
/**
|
|
101
|
-
* A numeric value that sets how many steps the feature fades out after it proper time value.
|
|
102
|
-
* By default it is set to 5 steps.
|
|
103
|
-
*/
|
|
104
|
-
fadeOut?: number;
|
|
105
|
-
/**
|
|
106
|
-
* Sets the color of the features rendered by this component.
|
|
107
|
-
*/
|
|
108
|
-
labelColor?: string;
|
|
109
|
-
/**
|
|
110
|
-
* Layout property object, that is passed to the labels layer.
|
|
111
|
-
* https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#symbol
|
|
112
|
-
*/
|
|
113
|
-
labelLayout?: SymbolLayoutProps;
|
|
114
|
-
/**
|
|
115
|
-
* Paint property object for the features layer.
|
|
116
|
-
* https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#symbol
|
|
117
|
-
*/
|
|
118
|
-
labelPaint?: SymbolPaintProps;
|
|
119
|
-
/**
|
|
120
|
-
* Hover event handler that is executed whenever a geometry rendered by this component is hovered.
|
|
121
|
-
*/
|
|
122
|
-
/**
|
|
123
|
-
* A numeric value that sets how many steps before the labels start to appear.
|
|
124
|
-
* By default it is set to 5 steps.
|
|
125
|
-
*/
|
|
126
|
-
labelFadeIn?: number;
|
|
127
|
-
/**
|
|
128
|
-
* A numeric value that sets how many steps the labels fade out after their proper time value.
|
|
129
|
-
* By default it is set to 5 steps.
|
|
130
|
-
*/
|
|
131
|
-
labelFadeOut?: number;
|
|
132
|
-
/**
|
|
133
|
-
* If true, the current time value will be displayed in the controlls panel.
|
|
134
|
-
*/
|
|
135
|
-
displayCurrentValue?: boolean;
|
|
136
|
-
/**
|
|
137
|
-
* Click event handler that is executed whenever a geometry rendered by this component is clicked.
|
|
138
|
-
*/
|
|
139
|
-
onClick?: useLayerProps['onClick'];
|
|
140
|
-
/**
|
|
141
|
-
* Click event handler that is executed whenever a geometry rendered by this component is hovered.
|
|
142
|
-
*/
|
|
143
|
-
onHover?: useLayerProps['onHover'];
|
|
144
|
-
/**
|
|
145
|
-
* Leave event handler that is executed whenever a geometry rendered by this component is
|
|
146
|
-
* left/unhovered.
|
|
147
|
-
*/
|
|
148
|
-
onLeave?: useLayerProps['onLeave'];
|
|
149
|
-
/**
|
|
150
|
-
* Callback function defined by the user to recive the current time value and paint property in the parent component.
|
|
151
|
-
*/
|
|
152
|
-
onStateChange?: React.Dispatch<React.SetStateAction<TemporalControllerValues | undefined>>;
|
|
153
|
-
}
|
|
154
|
-
/**
|
|
155
|
-
* Select a GeoJSON object to be displayed in a temporal line.
|
|
156
|
-
*@component
|
|
157
|
-
*/
|
|
158
|
-
export interface TemporalControllerValues {
|
|
159
|
-
current: number;
|
|
160
|
-
paint: CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
|
|
161
|
-
}
|
|
162
|
-
declare const MlTemporalController: {
|
|
163
|
-
(props: MlTemporalControllerProps): JSX.Element;
|
|
164
|
-
defaultProps: {
|
|
165
|
-
mapId: undefined;
|
|
166
|
-
ownLayer: boolean;
|
|
167
|
-
type: string;
|
|
168
|
-
step: number;
|
|
169
|
-
interval: number;
|
|
170
|
-
fadeIn: number;
|
|
171
|
-
fadeOut: number;
|
|
172
|
-
labelFadeIn: number;
|
|
173
|
-
labelFadeOut: number;
|
|
174
|
-
accumulate: boolean;
|
|
175
|
-
fitBounds: boolean;
|
|
176
|
-
label: boolean;
|
|
177
|
-
attribution: string;
|
|
178
|
-
displayCurrentValue: boolean;
|
|
179
|
-
};
|
|
180
|
-
};
|
|
181
|
-
export default MlTemporalController;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FeatureCollection } from '@turf/turf';
|
|
3
|
+
import { LineLayerSpecification, CircleLayerSpecification, FillLayerSpecification, SymbolLayoutProps, SymbolPaintProps } from 'maplibre-gl';
|
|
4
|
+
import { useLayerProps } from 'src/hooks/useLayer';
|
|
5
|
+
export interface MlTemporalControllerProps {
|
|
6
|
+
/**
|
|
7
|
+
* Id of the target MapLibre instance in mapContext
|
|
8
|
+
*/
|
|
9
|
+
mapId?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Id of an existing layer in the mapLibre instance to help specify the layer order.
|
|
12
|
+
* This layer will be visually beneath the layer with the "insertBeforeLayer" id.
|
|
13
|
+
*/
|
|
14
|
+
insertBeforeLayer?: string;
|
|
15
|
+
/**
|
|
16
|
+
* GeoJSON data that is supposed to be rendered by this component.
|
|
17
|
+
*/
|
|
18
|
+
geojson: FeatureCollection;
|
|
19
|
+
/**
|
|
20
|
+
* If true,the component creates and loads a MlGeoJsonLayer to show the data.
|
|
21
|
+
*/
|
|
22
|
+
ownLayer?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* MapLibre attribution shown in the bottom right of the map, if this layer is visible
|
|
25
|
+
*/
|
|
26
|
+
attribution?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Type of the layer that will be added to the MapLibre instance.
|
|
29
|
+
* Possible values: "line", "circle", "fill"
|
|
30
|
+
*/
|
|
31
|
+
type?: 'fill' | 'line' | 'circle';
|
|
32
|
+
/**
|
|
33
|
+
* Property field where the time informations is available.
|
|
34
|
+
*/
|
|
35
|
+
timeField: string;
|
|
36
|
+
/**
|
|
37
|
+
* Lowest time value to be shown in the time line.
|
|
38
|
+
* By default, it is set to the lowest value in the time field.
|
|
39
|
+
*/
|
|
40
|
+
minVal?: number;
|
|
41
|
+
/**
|
|
42
|
+
*When true, a label layer will be added by the component. In that case, the "labelField" propertie is mandatory.
|
|
43
|
+
*/
|
|
44
|
+
label?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Property field where the label information is available.
|
|
47
|
+
*/
|
|
48
|
+
labelField?: string;
|
|
49
|
+
/**
|
|
50
|
+
* Highest time value to be shown in the time line.
|
|
51
|
+
* By default, it is set to the highest value in the time field.
|
|
52
|
+
*/
|
|
53
|
+
maxVal?: number;
|
|
54
|
+
/**
|
|
55
|
+
* the value at which the component is to be loaded.
|
|
56
|
+
* If not specified, the component starts at the minimum value.
|
|
57
|
+
*/
|
|
58
|
+
initialVal?: number;
|
|
59
|
+
/**
|
|
60
|
+
* When true, the features will be accumulated in the map.
|
|
61
|
+
* This option ist by default false.
|
|
62
|
+
*/
|
|
63
|
+
accumulate?: boolean;
|
|
64
|
+
/**
|
|
65
|
+
* When true, the component will fit the map bounds to the shown features.
|
|
66
|
+
* This option ist by default true.
|
|
67
|
+
*/
|
|
68
|
+
fitBounds?: boolean;
|
|
69
|
+
/**
|
|
70
|
+
* Boolean value that disables and enables the controls drawer.
|
|
71
|
+
*/
|
|
72
|
+
showControls?: boolean;
|
|
73
|
+
/**
|
|
74
|
+
* Paint property object for the features layer.
|
|
75
|
+
* Possible props depend on the layer type.
|
|
76
|
+
* https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#line
|
|
77
|
+
* https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
|
|
78
|
+
* https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
|
|
79
|
+
*/
|
|
80
|
+
paint?: CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
|
|
81
|
+
/**
|
|
82
|
+
* Sets the color of the features rendered by this component.
|
|
83
|
+
*/
|
|
84
|
+
featuresColor?: string;
|
|
85
|
+
/**
|
|
86
|
+
* How many units the timeline runs through at each step.
|
|
87
|
+
* By default it is set to 1.
|
|
88
|
+
*/
|
|
89
|
+
step?: number;
|
|
90
|
+
/**
|
|
91
|
+
* The time between each addition to the counter, expressed in milliseconds.
|
|
92
|
+
* By default, 200 ms.
|
|
93
|
+
*/
|
|
94
|
+
interval?: number;
|
|
95
|
+
/**
|
|
96
|
+
* A numeric value that sets how many steps before the feature starts to appear.
|
|
97
|
+
* By default it is set to 5 steps.
|
|
98
|
+
*/
|
|
99
|
+
fadeIn?: number;
|
|
100
|
+
/**
|
|
101
|
+
* A numeric value that sets how many steps the feature fades out after it proper time value.
|
|
102
|
+
* By default it is set to 5 steps.
|
|
103
|
+
*/
|
|
104
|
+
fadeOut?: number;
|
|
105
|
+
/**
|
|
106
|
+
* Sets the color of the features rendered by this component.
|
|
107
|
+
*/
|
|
108
|
+
labelColor?: string;
|
|
109
|
+
/**
|
|
110
|
+
* Layout property object, that is passed to the labels layer.
|
|
111
|
+
* https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#symbol
|
|
112
|
+
*/
|
|
113
|
+
labelLayout?: SymbolLayoutProps;
|
|
114
|
+
/**
|
|
115
|
+
* Paint property object for the features layer.
|
|
116
|
+
* https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#symbol
|
|
117
|
+
*/
|
|
118
|
+
labelPaint?: SymbolPaintProps;
|
|
119
|
+
/**
|
|
120
|
+
* Hover event handler that is executed whenever a geometry rendered by this component is hovered.
|
|
121
|
+
*/
|
|
122
|
+
/**
|
|
123
|
+
* A numeric value that sets how many steps before the labels start to appear.
|
|
124
|
+
* By default it is set to 5 steps.
|
|
125
|
+
*/
|
|
126
|
+
labelFadeIn?: number;
|
|
127
|
+
/**
|
|
128
|
+
* A numeric value that sets how many steps the labels fade out after their proper time value.
|
|
129
|
+
* By default it is set to 5 steps.
|
|
130
|
+
*/
|
|
131
|
+
labelFadeOut?: number;
|
|
132
|
+
/**
|
|
133
|
+
* If true, the current time value will be displayed in the controlls panel.
|
|
134
|
+
*/
|
|
135
|
+
displayCurrentValue?: boolean;
|
|
136
|
+
/**
|
|
137
|
+
* Click event handler that is executed whenever a geometry rendered by this component is clicked.
|
|
138
|
+
*/
|
|
139
|
+
onClick?: useLayerProps['onClick'];
|
|
140
|
+
/**
|
|
141
|
+
* Click event handler that is executed whenever a geometry rendered by this component is hovered.
|
|
142
|
+
*/
|
|
143
|
+
onHover?: useLayerProps['onHover'];
|
|
144
|
+
/**
|
|
145
|
+
* Leave event handler that is executed whenever a geometry rendered by this component is
|
|
146
|
+
* left/unhovered.
|
|
147
|
+
*/
|
|
148
|
+
onLeave?: useLayerProps['onLeave'];
|
|
149
|
+
/**
|
|
150
|
+
* Callback function defined by the user to recive the current time value and paint property in the parent component.
|
|
151
|
+
*/
|
|
152
|
+
onStateChange?: React.Dispatch<React.SetStateAction<TemporalControllerValues | undefined>>;
|
|
153
|
+
}
|
|
154
|
+
/**
|
|
155
|
+
* Select a GeoJSON object to be displayed in a temporal line.
|
|
156
|
+
*@component
|
|
157
|
+
*/
|
|
158
|
+
export interface TemporalControllerValues {
|
|
159
|
+
current: number;
|
|
160
|
+
paint: CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
|
|
161
|
+
}
|
|
162
|
+
declare const MlTemporalController: {
|
|
163
|
+
(props: MlTemporalControllerProps): React.JSX.Element;
|
|
164
|
+
defaultProps: {
|
|
165
|
+
mapId: undefined;
|
|
166
|
+
ownLayer: boolean;
|
|
167
|
+
type: string;
|
|
168
|
+
step: number;
|
|
169
|
+
interval: number;
|
|
170
|
+
fadeIn: number;
|
|
171
|
+
fadeOut: number;
|
|
172
|
+
labelFadeIn: number;
|
|
173
|
+
labelFadeOut: number;
|
|
174
|
+
accumulate: boolean;
|
|
175
|
+
fitBounds: boolean;
|
|
176
|
+
label: boolean;
|
|
177
|
+
attribution: string;
|
|
178
|
+
displayCurrentValue: boolean;
|
|
179
|
+
};
|
|
180
|
+
};
|
|
181
|
+
export default MlTemporalController;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
import { SymbolLayerSpecification, SymbolLayoutProps } from 'maplibre-gl';
|
|
3
|
-
import { FeatureCollection } from '@turf/turf';
|
|
4
|
-
interface MlTemporalControllerLabelsProps {
|
|
5
|
-
data: FeatureCollection;
|
|
6
|
-
currentVal: number;
|
|
7
|
-
fadeIn: number;
|
|
8
|
-
fadeOut: number;
|
|
9
|
-
step: number;
|
|
10
|
-
labelField: string;
|
|
11
|
-
labelColor: string;
|
|
12
|
-
timeField: string;
|
|
13
|
-
minVal: number;
|
|
14
|
-
accumulate: boolean;
|
|
15
|
-
isPlaying: boolean;
|
|
16
|
-
labelLayout?: SymbolLayoutProps;
|
|
17
|
-
labelPaint?: SymbolLayerSpecification;
|
|
18
|
-
}
|
|
19
|
-
export default function MlTemporalControllerLabels(props: MlTemporalControllerLabelsProps): JSX.Element;
|
|
20
|
-
export {};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SymbolLayerSpecification, SymbolLayoutProps } from 'maplibre-gl';
|
|
3
|
+
import { FeatureCollection } from '@turf/turf';
|
|
4
|
+
interface MlTemporalControllerLabelsProps {
|
|
5
|
+
data: FeatureCollection;
|
|
6
|
+
currentVal: number;
|
|
7
|
+
fadeIn: number;
|
|
8
|
+
fadeOut: number;
|
|
9
|
+
step: number;
|
|
10
|
+
labelField: string;
|
|
11
|
+
labelColor: string;
|
|
12
|
+
timeField: string;
|
|
13
|
+
minVal: number;
|
|
14
|
+
accumulate: boolean;
|
|
15
|
+
isPlaying: boolean;
|
|
16
|
+
labelLayout?: SymbolLayoutProps;
|
|
17
|
+
labelPaint?: SymbolLayerSpecification;
|
|
18
|
+
}
|
|
19
|
+
export default function MlTemporalControllerLabels(props: MlTemporalControllerLabelsProps): React.JSX.Element;
|
|
20
|
+
export {};
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface TemporalControllerPlayerProps {
|
|
3
|
-
currentVal: number;
|
|
4
|
-
isPlaying: boolean;
|
|
5
|
-
step: number;
|
|
6
|
-
interval: number;
|
|
7
|
-
minVal: number;
|
|
8
|
-
maxVal: number;
|
|
9
|
-
returnCurrent: React.Dispatch<React.SetStateAction<number>>;
|
|
10
|
-
returnPlaying: React.Dispatch<React.SetStateAction<boolean>>;
|
|
11
|
-
fadeIn: number;
|
|
12
|
-
open: boolean;
|
|
13
|
-
fadeOut: number;
|
|
14
|
-
featuresColor: string;
|
|
15
|
-
labels: boolean;
|
|
16
|
-
labelColor: string;
|
|
17
|
-
labelFadeIn: number;
|
|
18
|
-
labelFadeOut: number;
|
|
19
|
-
accumulate: boolean;
|
|
20
|
-
display: boolean;
|
|
21
|
-
}
|
|
22
|
-
export default function TemporalControllerPlayer(props: TemporalControllerPlayerProps): JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface TemporalControllerPlayerProps {
|
|
3
|
+
currentVal: number;
|
|
4
|
+
isPlaying: boolean;
|
|
5
|
+
step: number;
|
|
6
|
+
interval: number;
|
|
7
|
+
minVal: number;
|
|
8
|
+
maxVal: number;
|
|
9
|
+
returnCurrent: React.Dispatch<React.SetStateAction<number>>;
|
|
10
|
+
returnPlaying: React.Dispatch<React.SetStateAction<boolean>>;
|
|
11
|
+
fadeIn: number;
|
|
12
|
+
open: boolean;
|
|
13
|
+
fadeOut: number;
|
|
14
|
+
featuresColor: string;
|
|
15
|
+
labels: boolean;
|
|
16
|
+
labelColor: string;
|
|
17
|
+
labelFadeIn: number;
|
|
18
|
+
labelFadeOut: number;
|
|
19
|
+
accumulate: boolean;
|
|
20
|
+
display: boolean;
|
|
21
|
+
}
|
|
22
|
+
export default function TemporalControllerPlayer(props: TemporalControllerPlayerProps): React.JSX.Element;
|
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
import { LineLayerSpecification, CircleLayerSpecification, FillLayerSpecification } from 'maplibre-gl';
|
|
2
|
-
interface paintPickerProps {
|
|
3
|
-
type: 'fill' | 'line' | 'circle' | undefined;
|
|
4
|
-
timeField: string;
|
|
5
|
-
currentVal: number;
|
|
6
|
-
minVal: number;
|
|
7
|
-
isPlaying: boolean;
|
|
8
|
-
fadeIn: number;
|
|
9
|
-
fadeOut: number;
|
|
10
|
-
step: number;
|
|
11
|
-
featuresColor: string;
|
|
12
|
-
accumulate: boolean;
|
|
13
|
-
userPaint: CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
|
|
14
|
-
}
|
|
15
|
-
export default function paintPicker(props: paintPickerProps): {
|
|
16
|
-
"circle-radius"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
17
|
-
"circle-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
|
|
18
|
-
"circle-blur"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
19
|
-
"circle-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
20
|
-
"circle-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
|
|
21
|
-
"circle-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
|
|
22
|
-
"circle-pitch-scale"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
|
|
23
|
-
"circle-pitch-alignment"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
|
|
24
|
-
"circle-stroke-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
25
|
-
"circle-stroke-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
|
|
26
|
-
"circle-stroke-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
27
|
-
} | {
|
|
28
|
-
"fill-antialias"?: import("maplibre-gl").PropertyValueSpecification<boolean> | undefined;
|
|
29
|
-
"fill-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
30
|
-
"fill-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
|
|
31
|
-
"fill-outline-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
|
|
32
|
-
"fill-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
|
|
33
|
-
"fill-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
|
|
34
|
-
"fill-pattern"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
|
|
35
|
-
} | {
|
|
36
|
-
"line-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
37
|
-
"line-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
|
|
38
|
-
"line-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
|
|
39
|
-
"line-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
|
|
40
|
-
"line-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
41
|
-
"line-gap-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
42
|
-
"line-offset"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
43
|
-
"line-blur"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
44
|
-
"line-dasharray"?: import("maplibre-gl").PropertyValueSpecification<number[]> | undefined;
|
|
45
|
-
"line-pattern"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
|
|
46
|
-
"line-gradient"?: import("maplibre-gl").ExpressionSpecification | undefined;
|
|
47
|
-
} | {
|
|
48
|
-
'circle-color': string;
|
|
49
|
-
} | {
|
|
50
|
-
'fill-color': string;
|
|
51
|
-
'fill-outline-color': string;
|
|
52
|
-
} | {
|
|
53
|
-
'line-color': string;
|
|
54
|
-
} | {
|
|
55
|
-
'fill-color': string;
|
|
56
|
-
'fill-opacity': (string | number | string[])[];
|
|
57
|
-
'fill-outline-color': (string | number | string[])[];
|
|
58
|
-
};
|
|
59
|
-
export {};
|
|
1
|
+
import { LineLayerSpecification, CircleLayerSpecification, FillLayerSpecification } from 'maplibre-gl';
|
|
2
|
+
interface paintPickerProps {
|
|
3
|
+
type: 'fill' | 'line' | 'circle' | undefined;
|
|
4
|
+
timeField: string;
|
|
5
|
+
currentVal: number;
|
|
6
|
+
minVal: number;
|
|
7
|
+
isPlaying: boolean;
|
|
8
|
+
fadeIn: number;
|
|
9
|
+
fadeOut: number;
|
|
10
|
+
step: number;
|
|
11
|
+
featuresColor: string;
|
|
12
|
+
accumulate: boolean;
|
|
13
|
+
userPaint: CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
|
|
14
|
+
}
|
|
15
|
+
export default function paintPicker(props: paintPickerProps): {
|
|
16
|
+
"circle-radius"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
17
|
+
"circle-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
|
|
18
|
+
"circle-blur"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
19
|
+
"circle-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
20
|
+
"circle-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
|
|
21
|
+
"circle-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
|
|
22
|
+
"circle-pitch-scale"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
|
|
23
|
+
"circle-pitch-alignment"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
|
|
24
|
+
"circle-stroke-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
25
|
+
"circle-stroke-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
|
|
26
|
+
"circle-stroke-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
27
|
+
} | {
|
|
28
|
+
"fill-antialias"?: import("maplibre-gl").PropertyValueSpecification<boolean> | undefined;
|
|
29
|
+
"fill-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
30
|
+
"fill-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
|
|
31
|
+
"fill-outline-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
|
|
32
|
+
"fill-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
|
|
33
|
+
"fill-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
|
|
34
|
+
"fill-pattern"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
|
|
35
|
+
} | {
|
|
36
|
+
"line-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
37
|
+
"line-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
|
|
38
|
+
"line-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
|
|
39
|
+
"line-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
|
|
40
|
+
"line-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
41
|
+
"line-gap-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
42
|
+
"line-offset"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
43
|
+
"line-blur"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
|
|
44
|
+
"line-dasharray"?: import("maplibre-gl").PropertyValueSpecification<number[]> | undefined;
|
|
45
|
+
"line-pattern"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
|
|
46
|
+
"line-gradient"?: import("maplibre-gl").ExpressionSpecification | undefined;
|
|
47
|
+
} | {
|
|
48
|
+
'circle-color': string;
|
|
49
|
+
} | {
|
|
50
|
+
'fill-color': string;
|
|
51
|
+
'fill-outline-color': string;
|
|
52
|
+
} | {
|
|
53
|
+
'line-color': string;
|
|
54
|
+
} | {
|
|
55
|
+
'fill-color': string;
|
|
56
|
+
'fill-opacity': (string | number | string[])[];
|
|
57
|
+
'fill-outline-color': (string | number | string[])[];
|
|
58
|
+
};
|
|
59
|
+
export {};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { FeatureCollection } from '@turf/turf';
|
|
2
|
-
export interface useTemporalControllerProps {
|
|
3
|
-
geojson: FeatureCollection;
|
|
4
|
-
timeField: string;
|
|
5
|
-
initialVal?: number;
|
|
6
|
-
minVal?: number;
|
|
7
|
-
maxVal?: number;
|
|
8
|
-
mapId: string | undefined;
|
|
9
|
-
}
|
|
10
|
-
export default function useFilterData(props: useTemporalControllerProps): {
|
|
11
|
-
filteredData: FeatureCollection<import("@turf/turf").Geometry | import("@turf/turf").GeometryCollection, import("@turf/turf").Properties> | undefined;
|
|
12
|
-
minVal: any;
|
|
13
|
-
maxVal: any;
|
|
14
|
-
};
|
|
1
|
+
import { FeatureCollection } from '@turf/turf';
|
|
2
|
+
export interface useTemporalControllerProps {
|
|
3
|
+
geojson: FeatureCollection;
|
|
4
|
+
timeField: string;
|
|
5
|
+
initialVal?: number;
|
|
6
|
+
minVal?: number;
|
|
7
|
+
maxVal?: number;
|
|
8
|
+
mapId: string | undefined;
|
|
9
|
+
}
|
|
10
|
+
export default function useFilterData(props: useTemporalControllerProps): {
|
|
11
|
+
filteredData: FeatureCollection<import("@turf/turf").Geometry | import("@turf/turf").GeometryCollection, import("@turf/turf").Properties> | undefined;
|
|
12
|
+
minVal: any;
|
|
13
|
+
maxVal: any;
|
|
14
|
+
};
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
import { TerrainSpecification } from 'maplibre-gl';
|
|
3
|
-
interface MlTerrainLayerProps {
|
|
4
|
-
/**
|
|
5
|
-
* Id of the target MapLibre instance in mapContext
|
|
6
|
-
*/
|
|
7
|
-
mapId?: string;
|
|
8
|
-
/**
|
|
9
|
-
* Source of tiles with possibles options
|
|
10
|
-
*/
|
|
11
|
-
sourceOptions?: object;
|
|
12
|
-
/**
|
|
13
|
-
* Options for new exaggeration value
|
|
14
|
-
*/
|
|
15
|
-
terrainOptions?: TerrainSpecification;
|
|
16
|
-
}
|
|
17
|
-
export type { MlTerrainLayerProps };
|
|
18
|
-
/**
|
|
19
|
-
* Create Terrain Layer Component
|
|
20
|
-
*
|
|
21
|
-
*/
|
|
22
|
-
declare const MlTerrainLayer: {
|
|
23
|
-
(props: MlTerrainLayerProps): JSX.Element;
|
|
24
|
-
defaultProps: {
|
|
25
|
-
mapId: undefined;
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
export default MlTerrainLayer;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TerrainSpecification } from 'maplibre-gl';
|
|
3
|
+
interface MlTerrainLayerProps {
|
|
4
|
+
/**
|
|
5
|
+
* Id of the target MapLibre instance in mapContext
|
|
6
|
+
*/
|
|
7
|
+
mapId?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Source of tiles with possibles options
|
|
10
|
+
*/
|
|
11
|
+
sourceOptions?: object;
|
|
12
|
+
/**
|
|
13
|
+
* Options for new exaggeration value
|
|
14
|
+
*/
|
|
15
|
+
terrainOptions?: TerrainSpecification;
|
|
16
|
+
}
|
|
17
|
+
export type { MlTerrainLayerProps };
|
|
18
|
+
/**
|
|
19
|
+
* Create Terrain Layer Component
|
|
20
|
+
*
|
|
21
|
+
*/
|
|
22
|
+
declare const MlTerrainLayer: {
|
|
23
|
+
(props: MlTerrainLayerProps): React.JSX.Element;
|
|
24
|
+
defaultProps: {
|
|
25
|
+
mapId: undefined;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
export default MlTerrainLayer;
|