In this study, we develop a platform that can display approximately 20 types of data via a web browser to realize a digital twin of a wider area, including a detailed reading display of block units and individual three-dimensional point cloud data (point cloud) of a city. Using actual data, we examine if the data model and visualization design correspond with the zoom level. Owing to the comparative examination of the wide-area display performance and the map representation design in a JavaScript-based open-source library, we were able to develop a platform with light architecture and an easily customizable display. Furthermore, prototyping, based on Mapbox GL JS and Deck.GL, and the display of spatiotemporal flow layers, such as background maps, point cloud data in many places, dozens of layer display types, and the General Transit Feed Specification (GTFS) allowed for the seamless transition from the local government to the wide-area display in the prefecture unit in approximately 10-20 s. It is recommended that this digital smart city platform should be standardized by other local governments, especially in areas where higher-order data visualization is yet to advance. To display this digital city in a lightweight environment, we consider the digital data situation of local governments in Japan. It is necessary to define the visualized design for each zoom level according to the characteristics of the data. We then arranged the display model of each zoom level for 20 types of urban infrastructure data related to the digital smart city by referring to the style schema of the tile form. Through these tasks, we organized the commonality and optimization of data models and formats.
[1]
Claudia Yamu,et al.
Urban Digital Twins for Smart Cities and Citizens: The Case Study of Herrenberg, Germany
,
2020,
Sustainability.
[2]
Abbas Rajabifard,et al.
From IFC to 3D Tiles: An Integrated Open-Source Solution for Visualising BIMs on Cesium
,
2018,
ISPRS Int. J. Geo Inf..
[3]
Jan Brus,et al.
Performance Testing on Marker Clustering and Heatmap Visualization Techniques: A Comparative Study on JavaScript Mapping Libraries
,
2019,
ISPRS Int. J. Geo Inf..
[4]
Maria A. Brovelli,et al.
Multidimensional Visualization and Processing of Big Open Urban Geospatial Data on the Web
,
2020,
ISPRS Int. J. Geo Inf..
[5]
Jiyeong Lee,et al.
Developing a Tile-Based Rendering Method to Improve Rendering Speed of 3D Geospatial Data with HTML5 and WebGL
,
2017,
J. Sensors.
[6]
Anas Alfaris,et al.
Virtual Cities: 3D Urban Modeling from Low Resolution LiDAR Data
,
2017,
SIGSPATIAL/GIS.