The current traditional park's two-dimensional technology features a single form of representation and lacks interactive functions, making it difficult to meet the diverse needs of users. To adapt to the development model of smart parks, this paper leverages the advantages of the new generation Web 3D drawing standard WebGL and employs the GPU-accelerated 3D graphics library Three.js framework to design an indoor and outdoor intelligent sensing visualization interaction system based on WebGL. The system is built on a B/S architecture, using Three.js technology to achieve 3D model loading, and integrates the minimum bounding sphere algorithm and the quadtree-based LOD algorithm, which increases the rendering speed of the 3D scene by 2.2 times. By integrating FFmpeg, JSMpeg.js, and Node.js technologies to optimize real-time video stream transmission, the video stream latency is reduced by 3.2 times. This paper verifies the rendering speed, rotation, scaling, and video stream frame rate of the system's 3D models, demonstrating the feasibility and effectiveness of the WebGL-based intelligent sensing 3D visualization method.