From 97da12df7f4e8e747e3e0ac58cb199c86b9ccfef Mon Sep 17 00:00:00 2001 From: Khaled Sakr Date: Wed, 7 May 2025 18:48:37 +0200 Subject: [PATCH 1/3] fix(map): use jpeg for the base layer --- src/useRasterLayers.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/src/useRasterLayers.ts b/src/useRasterLayers.ts index 3e09f8b..c597496 100644 --- a/src/useRasterLayers.ts +++ b/src/useRasterLayers.ts @@ -36,6 +36,7 @@ const getBaseLayer = ({ }) const service = platform.getRasterTileService({ + format: 'jpeg', queryParams: { lang, scale: hidpi ? 2 : 1, From 7fcb05fbb37d9488d76ffe12eb9179ce0288e0fd Mon Sep 17 00:00:00 2001 From: Khaled Sakr Date: Wed, 7 May 2025 18:49:55 +0200 Subject: [PATCH 2/3] chore: update @here/maps-api-for-javascript to latest --- package.json | 2 +- yarn.lock | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index f9f3c00..7dc9a28 100644 --- a/package.json +++ b/package.json @@ -65,7 +65,7 @@ "whatwg-fetch": "^3.6.20" }, "dependencies": { - "@here/maps-api-for-javascript": "^1.62.0", + "@here/maps-api-for-javascript": "^1.64.1", "lodash": "^4.15.0" }, "peerDependencies": { diff --git a/yarn.lock b/yarn.lock index cbb3a5b..75b3050 100644 --- a/yarn.lock +++ b/yarn.lock @@ -446,10 +446,10 @@ resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.56.0.tgz#ef20350fec605a7f7035a01764731b2de0f3782b" integrity sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A== -"@here/maps-api-for-javascript@^1.62.0": - version "1.62.0" - resolved "https://repo.platform.here.com/artifactory/api/npm/maps-api-for-javascript/-/@here/maps-api-for-javascript-1.62.0.tgz#6b8ef073c5f8786486dfdd7cb3194652d4a0c727" - integrity sha1-a47wc8X4eGSG3918sxlGUtSgxyc= +"@here/maps-api-for-javascript@^1.64.1": + version "1.64.1" + resolved "https://repo.platform.here.com/artifactory/api/npm/maps-api-for-javascript/-/@here/maps-api-for-javascript-1.64.1.tgz#052cb73c1e604c4406bc8583b84780e7ec62a634" + integrity sha512-AslY4YFRIaCX9V8OxXYoZmbH2qK1LmxmnMyhhmBSfZd7Hk7pTqxMHXGhFjwQBJ5LICFtLxblqkumFCDqAePlvg== "@humanwhocodes/config-array@^0.11.13": version "0.11.14" From 34dcbf9c16964086b537fcd74fabf404059ea046 Mon Sep 17 00:00:00 2001 From: Khaled Sakr Date: Wed, 7 May 2025 20:14:37 +0200 Subject: [PATCH 3/3] fix(map): change how hidpi is handled --- src/HEREMap.tsx | 1 - src/useRasterLayers.ts | 8 ++++---- 2 files changed, 4 insertions(+), 5 deletions(-) diff --git a/src/HEREMap.tsx b/src/HEREMap.tsx index f1a7446..9029af2 100644 --- a/src/HEREMap.tsx +++ b/src/HEREMap.tsx @@ -256,7 +256,6 @@ export const HEREMap = forwardRef(({ { center, engineType, - pixelRatio: hidpi ? 2 : 1, zoom, }, ) diff --git a/src/useRasterLayers.ts b/src/useRasterLayers.ts index c597496..b31566c 100644 --- a/src/useRasterLayers.ts +++ b/src/useRasterLayers.ts @@ -39,7 +39,7 @@ const getBaseLayer = ({ format: 'jpeg', queryParams: { lang, - scale: hidpi ? 2 : 1, + ppi: hidpi ? 200 : 100, style: trafficLayer ? 'lite.day' : 'logistics.day', ...(congestion ? { @@ -50,7 +50,7 @@ const getBaseLayer = ({ }) const provider = - new H.service.rasterTile.Provider(service, { engineType: H.Map.EngineType.HARP, tileSize: hidpi ? 512 : 256 }) + new H.service.rasterTile.Provider(service, { engineType: H.Map.EngineType.HARP }) return new H.map.layer.TileLayer(provider) } @@ -73,12 +73,12 @@ const getTruckOverlayLayer = ({ features: `vehicle_restrictions:${showActiveAndInactiveTruckRestrictions ? 'active_and_inactive' : 'permanent_only'}`, style: 'logistics.day', lang, - scale: hidpi ? 2 : 1, + ppi: hidpi ? 200 : 100, }, }) const truckOverlayProvider = - new H.service.rasterTile.Provider(truckOnlyTileService, { engineType: H.Map.EngineType.HARP, tileSize: hidpi ? 512 : 256 }) + new H.service.rasterTile.Provider(truckOnlyTileService, { engineType: H.Map.EngineType.HARP }) return new H.map.layer.TileLayer(truckOverlayProvider) }