The Deep-time Digital Earth (DDE) initiative represents a pioneering undertaking in the realm of scientific research, spearheaded by Chinese scientists and endorsed by the International Union of Geological Sciences, a global authority in the field of geosciences. The primary objective of the DDE project is the establishment of an unparalleled, interconnected digital repository, encompassing the intricate evolutionary trajectory of the Earth. Utilizing state-of-the-art information technology and data science methodologies, the project seamlessly integrates the temporal span of geological history with contemporary earth observation data. This integration fosters the creation of a comprehensive, dynamic and multifaceted earth system model, offering a unique perspective on the evolution of our planet. Paleogeographic maps are important spatial-temporal visualization tools for revealing geological and environmental resource issues such as geomorphological evolution processes, plate movements, and changes in species distribution, and for constructing a deep-time digital earth. Since the 1970s, foreign scholars have constructed paleogeographic reconstruction models using substantial geophysical data, primarily paleomagnetic, geochronological, and paleontological fossil data. Following two decades of research, a significant number of paleogeographic maps have been made available through online platforms such as EarthByte and the Gplates Web Portal. These maps encompass a wide range of information, including superimposed topographic maps, geological maps, elevation data, magnetic anomalies, lithology, and other elemental details. Presently, numerous domestic online geological information application systems incorporate the superimposed display of elements such as samples, occurrences, fossils, and mineral points on contemporary maps. However, most systems lack the visualization function of online paleogeographic maps, thus preventing them from expressing the chronological information of geological data from a temporal dimension. The author of this paper aims to construct a paleogeographic map visualization web application (Single Page Application, SPA) system that can be expeditiously deployed using a technical route based entirely on free and open source frameworks. The application's interface is designed to facilitate the switching between different paleogeographic reconstruction models, thereby enabling the display of geological elements such as rocks and paleontological fossils, which possess both spatial attributes and geochronological attributes. The Vue component plays a pivotal role in the separation of front-end module components from data, thereby facilitating seamless integration with the front end of a Web GIS system for data transmission and functional module integration. This integration process is particularly noteworthy in terms of its rapid deployment within a B/S-based GIS framework.