Regional introduction
A medical university established to study modern medical technology in the south of Closesberg on the shore of Lake Airum. With large-scale medical facilities, it not only accepts the citizens of Closberg, but also accepts severely ill and injured patients from various countries. It is very convenient to take a 30-minute guide bus from Krossberg.
Regional original painting
3D model
Browser compatibility
3D model interactive browsing is only supportedWebXR APIBrowsers, such as the latest version of Chrome, Firefox, etc. (Note: Safari is not supported)
Due to server bandwidth and model size limitations, model loading may be slow. function changePivotpoint(event) { //var model = document.querySelector(modelID); var model = event.target; var oX = event.offsetX; var oY = event.offsetY; var posandnormal = model.positionAndNormalFromPoint(oX,oY); if (posandnormal != null) { var position = posandnormal.position var normal = posandnormal.normal; var strPosition = position.x + " " + position.y + " " + position.z; var cameraTarget = position.x + "m " + position.y + "m " + position.z + "m"; var strNormal = normal.x + " " + normal.y + " " + normal.z; // var strPosandnormal = JSON.stringify(posandnormal); model.updateHotspot({"name": "hotspot-pivotpoint", "position": strPosition, "normal": strNormal}); model.cameraTarget = cameraTarget; } else { model.cameraTarget = cameraTarget; document.getElementById("pivotpoint").style.display = "none"; } }
Due to server bandwidth and model size limitations, model loading may be slow. function changePivotpoint(event) { //var model = document.querySelector(modelID); var model = event.target; var oX = event.offsetX; var oY = event.offsetY; var posandnormal = model.positionAndNormalFromPoint(oX,oY); if (posandnormal != null) { var position = posandnormal.position var normal = posandnormal.normal; var strPosition = position.x + " " + position.y + " " + position.z; var cameraTarget = position.x + "m " + position.y + "m " + position.z + "m"; var strNormal = normal.x + " " + normal.y + " " + normal.z; // var strPosandnormal = JSON.stringify(posandnormal); model.updateHotspot({"name": "hotspot-pivotpoint", "position": strPosition, "normal": strNormal}); model.cameraTarget = cameraTarget; } else { model.cameraTarget = cameraTarget; document.getElementById("pivotpoint").style.display = "none"; } }
Operation method
Left-click drag: rotate the view wheel: zoom
Double-click the model with the left button: focus on the angle of view
Double-click the model with the left button: focus on the angle of view
