UV Map parts of an image texture to different vertices on geometry

Questions
, ,
1

This is my first time using Three.js. My goal is to display specific tiles from a tileset, and to map certain textures to different vertices onto geometry plane(s).
This is my code so far:

const loader = new TextureLoader();
const texture = loader.load("/src/assets/tex/tileset.png");
texture.minFilter = LinearFilter;
const geometry = new PlaneGeometry(100, 100, 1, 1);

const mesh = new Mesh(geometry, material);
scene.add(mesh);

function animate() {
	requestAnimationFrame(animate);
	renderer.render(scene, camera);
}

animate();

Right now it’s drawing the texture onto the square plane. I only want to load the texture once, but don’t know how to use Texture.repeat and Texture.offset multiple times for different parts of the geometry. Maybe I should be using separate geometry planes and give each a specific part of the texture. Can anyone guide me into the right direction?