diff --git a/web/package.json b/web/package.json index 9ab04f327..18e100a68 100644 --- a/web/package.json +++ b/web/package.json @@ -44,7 +44,7 @@ "lodash": "^4.17.21", "luxon": "^3.0.2", "match-sorter": "^6.3.1", - "ol": "^8.0.0", + "ol": "^9.0.0-dev.1700506701744", "ol-pmtiles": "^0.3.0", "prettier": "^2.4.1", "react": "^17.0.2", diff --git a/web/src/features/map/VectorLayer.tsx b/web/src/features/map/VectorLayer.tsx index e51361f17..6facb7cd5 100644 --- a/web/src/features/map/VectorLayer.tsx +++ b/web/src/features/map/VectorLayer.tsx @@ -5,9 +5,10 @@ import { StyleLike } from 'ol/style/Style' import { MapContext } from 'features/map/Map' import Geometry from 'ol/geom/Geometry' +import Feature from 'ol/Feature' interface Props { - source: VectorSource + source: VectorSource> style: StyleLike opacity?: number zIndex?: number @@ -16,7 +17,7 @@ interface Props { const VectorLayer = ({ source, style, opacity, zIndex = 0 }: Props) => { const map = useContext(MapContext) - const [layer, setLayer] = useState> | null>(null) + const [layer, setLayer] = useState>> | null>(null) useEffect(() => { if (!map) return diff --git a/web/yarn.lock b/web/yarn.lock index 1fda4da58..465ef8b76 100644 --- a/web/yarn.lock +++ b/web/yarn.lock @@ -8570,10 +8570,10 @@ ol-pmtiles@^0.3.0: dependencies: pmtiles "2.11.0" -ol@^8.0.0: - version "8.2.0" - resolved "https://registry.yarnpkg.com/ol/-/ol-8.2.0.tgz#145153eab0ea3b5d04f51f46d6c69c224cccd5c3" - integrity sha512-/m1ddd7Jsp4Kbg+l7+ozR5aKHAZNQOBAoNZ5pM9Jvh4Etkf0WGkXr9qXd7PnhmwiC1Hnc2Toz9XjCzBBvexfXw== +ol@^9.0.0-dev.1700506701744: + version "9.0.0-dev.1700506701744" + resolved "https://registry.yarnpkg.com/ol/-/ol-9.0.0-dev.1700506701744.tgz#57e1fb7108518f3d9aaef85805cde4c609e4e3ba" + integrity sha512-37miA82P0MSmi8uCz7K7gQRx5WP5sMfSRsqu9hBhS8n9FKP7FC4vJbpCIACcjd7XbH3P7rc9IfmoBIrm6Sb5Lw== dependencies: color-rgba "^3.0.0" color-space "^2.0.1"