No support material transparent
Opened this issue · 4 comments
MapNode.ts， loadData function,
this.material.map = texture;
Adding the following code will trigger a bug
this.material.transparent = true;
After zooming out, the map will become invisible, and even after zooming in, it will become invisible。
Additionally, if there are two layers, one is the image layer and the other is the annotation layer, how can these two layers be stacked together?
Thanks
Hello
This problems seems to be related with your camera frustum.
Please take a look at https://medium.com/@gopisaikrishna.vuta/exploring-cameras-in-three-js-32e268a6bebd
Thank you for your reply. I tested it on your example(https://tentone.github.io/geo-three/examples/providers.html). I only modified the source code MapNode.ts (loadData function add this.material.transparent = true;), nothing else changed. In theory, when zoomed in again, the camera's far and near cropping planes remain unchanged. You can test it. Thank you.
Hello, I also encountered the same problem. Has it been resolved?
super(parentNode, mapView, location, level, x, y, MapPlaneNode.geometry, new MeshBasicMaterial({ transparent: true }))
@msdog I think I just figured out workaround for that! Enable cacheTiles for MapView and seems that it prevents tiles from disappering.
Maybe otherwise it disposes main material somehow 🤷♂️