Demo of i3s Building with attribute

Demo of i3s Building with attribute

by LandsD Map API

HTML

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
    <title>3DSD in I3S by ArcGIS JS API 4 (WGS84 Web Mercator)</title>
    <link rel="stylesheet" href="https://js.arcgis.com/4.23/esri/themes/light/main.css" />

    <style>
        html,
        body,
        #viewDiv {
            padding: 0;
            margin: 0;
            height: 100%;
            width: 100%;
        }
        
        #coor {
            position: absolute;
            left: 0;
            bottom: 17px;
            background-color: white;
            padding: 2px;
            border: 1px solid black;
            font-size: 12px;
        }
        
        #data_panel {
            position: absolute;
            right: 10px;
            top: 10px;
            background-color: white;
            padding: 2px;
            font-size: 12px;
            box-shadow: 5px 5px 10px #888888;
        }
        
        #data_panel input,
        #data_panel label {
            cursor: pointer;
        }
        
        #data_panel th {
            text-align: left;
        }
        
        .esri-popup__header-title {
            word-break: break-word;
        }
    </style>
</head>

<body>
    <div id="viewDiv"></div>
    <div id="coor"></div>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://js.arcgis.com/4.23/"></script>
    <script>
        var apikey = "4100dc078f6d4b31aa9e74de83370719";
        var devkey = "aaa37208e52e4b22a770387575760d56";
        var basemapURL = "https://api.hkmapservice.gov.hk/ags/map/basemap/WGS84";
        var mapEngLBUrl = "https://api.hkmapservice.gov.hk/ags/map/label-tc/WGS84";
        var groundURL = "https://landsd.azure-api.net/dev/ags/image/hkterrain/WGS84";

        var f1_data = {
            "building": {
                id: "building",
                name: "Building",
                url:...