After upgrading from v8 to v9, I get the error "Error: size: 1" when using Tile3DLayer in MapboxOverlay #8815

hig-bit · 2024-04-23T03:38:09Z

hig-bit
Apr 23, 2024

An error will occur with the 3D tiles downloaded from the following page.
https://www.geospatial.jp/ckan/dataset/plateau-13103-minato-ku-2023/resource/5f661701-f928-431a-9120-1ab46045bbf5

No error will occur with the 3D tiles downloaded from the following page. It will be drawn properly.
https://github.com/CesiumGS/3d-tiles-samples/tree/main/1.0/TilesetWithDiscreteLOD

The contents of the error are as follows.

deck: initialization of ScenegraphLayer({id: 'plateau123-scenegraph-http://127.0.0.1:3000/minato-ku/lod2/data/data685.b3dm'}): size: 1 Error: size: 1
    at $0 (dist.min.js:106:14179)
    at YV (dist.min.js:1676:30653)
    at GC (dist.min.js:1676:30083)
    at Wx.setGeometry (dist.min.js:1676:38847)
    at new Wx (dist.min.js:1676:36604)
    at o2 (dist.min.js:3083:534)
    at Ig.createPrimitive (dist.min.js:3084:1173)
    at dist.min.js:3084:935
    at Array.map (<anonymous>)
    at Ig.createMesh (dist.min.js:3084:919)

Source code

<!DOCTYPE html>
<html lang="ja">
<head>
<title>deck.gl</title>
<link rel="icon" href="#" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://api.mapbox.com/mapbox-gl-js/v3.3.0/mapbox-gl.css" rel="stylesheet">
<script src="https://api.mapbox.com/mapbox-gl-js/v3.3.0/mapbox-gl.js"></script>
<script src="https://unpkg.com/deck.gl@8.9.35/dist/dist.dev.js"></script>
<!-- <script src="https://unpkg.com/deck.gl@9.0.8/dist.min.js"></script> -->
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<div id="map" class="w-full h-screen"></div>
<script>
const { Tile3DLayer, MapboxOverlay, LightingEffect, DirectionalLight, AmbientLight } = deck;
const map = new mapboxgl.Map({
  accessToken: "<Mapbox Access Token>",
  container: "map",
  style: "mapbox://styles/mapbox/outdoors-v12",
  center: [139.741, 35.646], // minato-ku
  // center: [-75.61, 40.04], // 3d-tiles-samples
  zoom: 14,
  pitch: 60,
  bearing: 0,
});
const deckOverlay = new MapboxOverlay({
  interleaved: false,
  effects: [
    new  LightingEffect({
      ambientLight: new AmbientLight({
        color: [255, 255, 255],
        intensity: 2,
      }),
      directionalLight: new DirectionalLight({
        color: [255, 255, 255],
        intensity: 2,
        direction: [ 100, 100, 100]
      }),
    }),
  ],
  layers: [
    new Tile3DLayer({
      id: 'plateau123',
      data: "/minato-ku/lod2/tileset.json", // Error occurs when using v9
      // data: './3d-tiles-samples/1.0/TilesetWithDiscreteLOD/tileset.json', // no error occurs
    }),
  ]
});
map.on("load", async () => {
  map.addControl(deckOverlay);
});
</script>
</body>
</html>

It may be a problem with the 3D Tiles file format, but is there a way to draw correctly even in v9?

hig-bit · 2024-04-23T07:32:31Z

hig-bit
Apr 23, 2024
Author

The 3DTiles in error were created from CityGML using FME.
[Japanese] https://github.com/Project-PLATEAU/FMEscript-CityGML-to-3DTiles

0 replies

ibgreen · 2024-04-23T11:33:44Z

ibgreen
Apr 23, 2024
Maintainer

@belom88 It may be that 3D tiles depends to literally on luma.gl v8 accessors. Any chance your team could do a quick test on the tileset in question?

1 reply

hig-bit May 8, 2024
Author

Thank you.

hig-bit · 2024-05-08T06:26:35Z

hig-bit
May 8, 2024
Author

Failure and normal examples have been uploaded.

Version 9.0.14
https://deck-gl-v9-plateau.pages.dev/

3DTitles assets

Error messages

index-Dd_tDSNk.js:3273 deck: initialization of ScenegraphLayer({id: 'plateau123-scenegraph-https://deck-gl-v9-plateau.pages.dev/minato-ku/lod1/data/data29.b3dm'}): size: 1 Error: size: 1
    at GV (index-Dd_tDSNk.js:2209:14869)
    at HH (index-Dd_tDSNk.js:3266:28900)
    at VH (index-Dd_tDSNk.js:3266:28321)
    at _0.setGeometry (index-Dd_tDSNk.js:3266:38087)
    at new _0 (index-Dd_tDSNk.js:3266:35702)
    at Yq (index-Dd_tDSNk.js:3524:539)
    at Jq.createPrimitive (index-Dd_tDSNk.js:3525:1218)
    at index-Dd_tDSNk.js:3525:978
    at Array.map (<anonymous>)
    at Jq.createMesh (index-Dd_tDSNk.js:3525:962)

Version 8.9.35
https://deck-gl-v9-plateau.pages.dev/

1 reply

hig-bit May 10, 2024
Author

Source code is here.
high-u/deckgl-plateau

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

After upgrading from v8 to v9, I get the error "Error: size: 1" when using Tile3DLayer in MapboxOverlay #8815

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 3 comments 2 replies

{{title}}

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

Select a reply

After upgrading from v8 to v9, I get the error "Error: size: 1" when using Tile3DLayer in MapboxOverlay #8815

hig-bit Apr 23, 2024

Replies: 3 comments · 2 replies

hig-bit Apr 23, 2024 Author

ibgreen Apr 23, 2024 Maintainer

hig-bit May 8, 2024 Author

hig-bit May 8, 2024 Author

hig-bit May 10, 2024 Author

hig-bit
Apr 23, 2024

Replies: 3 comments 2 replies

hig-bit
Apr 23, 2024
Author

ibgreen
Apr 23, 2024
Maintainer

hig-bit May 8, 2024
Author

hig-bit
May 8, 2024
Author

hig-bit May 10, 2024
Author