3D technology is used in GIS maps to create descriptive graphics that accurately depict the size of real-world items. In a wide variety of various areas, 3D models aid in appearance and survey. For example, 3D maps may depict the height of a building or a mountain in addition to its location. 3D tools must be utilized in conjunction with 2D GIS and then visualized in a 3D environment. The current UPNM campus map accessible to students and staff is not sufficiently helpful and hardly identified its whereabouts. This project was undertaken to develop a web-based 3D campus map and analyze specifically the campus’s area zoning. This study uses a personal computer with Esri CityEngine software to develop the 3D campus map and ArcGIS Online to publish the web-based 3D campus map. The data was acquired by downloading the base map of UPNM from OpenStreetMap (OSM). Completion of data processing results in a web-based 3D UPNM campus map with area zoning. The finding shows that the 3D map, using the Geographical Information System (GIS) platform, is more informative and attractive than the 2D map due to the attribute and spatial data. In addition, the capabilities of the 3D map to visualize and show the campus area and area zoning in the map can be managed according to the structural information. All in all, it can be concluded that this web-based 3D map contributes towards the sustainability of the UPNM infrastructure and campus while facilitating campus maintenance and rehabilitation.