Correctly Mapping Canvas texture to Mesh As Scale Change

Same issue here. Very confused. Any help will be really appreciated:

I went to discord to ask but there is no reply yet. Here is the chat history:

Hello - I have an issue with textures and I any help would really be appreciated.

[ 11:05 PM ]

Here is my issue:

[ 11:06 PM ]

Original image used for texture of a cube (1024*1024)

[ 11:06 PM ]

Using Orbit Controls, when I Zoom In and Out:

[ 11:07 PM ]

Zoomed out

[ 11:07 PM ]

Zoomed In

[ 11:08 PM ]

As you can see, the image is not stuck to the cube / scaling with the cube. The cube is just acting as a frame to show the image. That is not what I want (also, the image is distorted, which is not good)

[ 11:10 PM ]

What I want is a (2d for now) annotatable floor plan. It should ideally be able to be scrolled around, zoomed in, etc. The annotated objects should ‘float’ on top of the floor plan. It is a indoor localisation (indoor gps) project. Am I using the wrong tools? I have tried setting “sizeAttenuation:false,” Here is my full code, in case it helps.(edited)

[ 11:12 PM ]

Full code (in one single html file)(edited)

Attachment file type: document

message.txt