How to position gltf model on plane geometry tilemap in threejs where as tiles have been correctly aquired and displayed in threejs using multiple plane geometry

[rajtrivedi2001]

var c = 100;
rshgroup = new THREE.Group();
		facadegroup = new THREE.Group();
		console.log(rshgroup);
		var i=0;
		for (var row = 0; row < 3; row++) {
			for (var col = 0; col < 3; col++) {
				
				var	txture = new THREE.TextureLoader().load("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzA\
AABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw1AUhU9TpSoVBTuIOGSoThZERRy1CkWoEGqFVh1MXvoHTRqSFBdHwbXg4M9i1cHFWVcH\
V0EQ/AFxc3NSdJES70sKLWJ8cHkf571zuO8+QKiXmWZ1jAOabpupRFzMZFfF0CvC6EY/1YzMLGNOkpLwXV/3CPD9Lsaz/O/9uXrVnMWA\
gEg8ywzTJt4gnt60Dc77xBFWlFXic+IxkxokfuS64vEb54LLAs+MmOnUPHGEWCy0sdLGrGhqxFPEUVXTKV/IeKxy3uKslaus2Sd/YTinr\
yxznWoYCSxiCRJEKKiihDJsxGjXSbGQovO4j3/I9UvkUshVAiPHAirQILt+8D/4PVsrPznhJYXjQOeL43yMAKFdoFFznO9jx2mcAMFn4Ep\
v+St1YOaT9FpLix4BfdvAxXVLU/aAyx1g8MmQTdmVglRCPg+8n9E3ZYGBW6BnzZtb8xynD0CaZpW8AQ4OgdECZa/7vLurfW7/3mnO7wdrXHK\
kGxJ8kAAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+UMCRE4OBDcTzgAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4X\
AAAAFklEQVQI12N8cP8+AwMDEwMDAwMDAwAfkwKiW0UuOgAAAABJRU5ErkJggg==");

				txture.encoding = THREE.LinearEncoding;
				txture.needsUpdate = true;
				txture.magFilter = THREE.NearestFilter;
				TLF=THREE.LinearFilter;

				var mtrial = new THREE.MeshBasicMaterial({ map: txture});
				mtrial.map.minFilter = THREE.LinearFilter;
				
				mtrial.reflectivity=1;
				mtrial.refractionRatio=1;
				mtrial.opacity = 0.1;
				rstxt= txture;
				
				mtrial.name="mtrial_"+ row + "-" + col,
				rsmat= new THREE.TextureLoader();
				var geometry=new THREE.PlaneGeometry(c,c);
				
				
				
			
				
				const plane = new THREE.Mesh( geometry, mtrial );
				plane.needsUpdate = true;
				plane.position.x =(c*col)-c;
				plane.position.y =-6;
				plane.position.z =(c*row)-c;

				plane.rotation.x = -Math.PI /2;
				
				plane.needsUpdate = true;
				//create a group and add the two cubes
				//These cubes can now be rotated / scaled etc as a group
				materialstjs.push(plane);
				rshgroup.add( plane);
				i++;
			}
		}

I have a seperate function to get tiles and update the material of the rshgroup with those tiles.
After updating tiles material with new images i add rshgroup to scene of threejs.
I have a seperate function to load glb models to scene, but i want to correct the positon and scale so it appreare correctly
I want to achive as show in babylonjs screenshot

current situation as shown in threejs screenhsot

i have scaled correctly but still it appears on top of each other