https://3dcityspaces.netlify.app/

1
2<!DOCTYPE HTML>
3<html lang="ja">
4<title>都市空間の3D化</title>
5<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
6  <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" >
7<!-- This site is hosted on Netlify. Anyone can build and deploy a site
8     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=79ed3a3c-907b-4984-9f92-b13e43aee563
9     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
10  <meta http-equiv="X-UA-Compatible" content="IE=edge">
11  <meta property="og:title" content="都市空間の3D化" />
12  <meta property="og:type" content="website" />
13  <meta property="og:image" content="https://3dcityspaces.netlify.app/ogp.png" />
14  <meta name="description" content="都市空間の3Dマップは、驚くほど詳細で、建物、公園、交通インフラが鮮明に表示されています。ユーザーフレンドリーなナビゲーションと共に、街の魅力が一目で分かります。VR,ARでの活用を考えていきます。" />
15  <meta name="twitter:card" content="summary_large_image">
16  <meta name="twitter:title" content="都市空間の3D化" />
17  <meta name="twitter:image" content="https://3dcityspaces.netlify.app/ogp.png" />
18  <meta name="author" content="仁志">
19  <meta name="keywords" content="都市空間,3D,VR,AR"/>
20  <link rel="apple-touch-icon" href="./apple-touch-icon.png">
21  <link rel="shortcut icon" href="./apple-touch-icon.png">
22  <link href="https://cdn.osmbuildings.org/4.1.1/OSMBuildings.css" rel="stylesheet"/>
23  

23<script src="https://cdn.osmbuildings.org/4.1.1/OSMBuildings.js"></script>

23
24
25  <style>
26    html, body {
27      width: 100%;
28      height: 100%;
29      padding: 0;
30      margin: 0;
31    }
32
33    #map{
34      width: 100%;
35      height: 99%;
36      padding: 0;
37      margin: 0;
38    }
39
40  </style>
41
42  

42<script tpe="module">
43
44    onload = ini = () =>{
45
46      let osmb = new OSMBuildings({
47        container: 'map',
48        position: { latitude: 35.302, longitude: 136.7979 },
49        tilt: 40,
50        zoom: 17,
51        minZoom: 4,
52        maxZoom: 22,
53        state: true,
54        attribution: '© Data <a href="https://openstreetmap.org/copyright/">OpenStreetMap</a> 3D <a href="https://osmbuildings.org/copyright/">OSM Buildings</a>'
55      });
56
57      osmb.addMapTiles('https://tile-a.openstreetmap.fr/hot/{z}/{x}/{y}.png');
58
59      osmb.addGeoJSONTiles('https://{s}.data.osmbuildings.org/0.2/59fcc2e8/tile/{z}/{x}/{y}.json');
60
61    }
62
63  </script>

63
64</head>
65
66<body>
67
68  <div id="map"></div>
69
70  <!-- Google tag (gtag.js) -->

70
71  <script async src="https://www.googletagmanager.com/gtag/js?id=

71G-MPP84V2NHB

71"></script>
72  

72<script>
73    

73window.dataLayer = window.dataLayer || [];
74    function gtag(){dataLayer.push(arguments);}
75    gtag('js', new Date());
76
77    gtag('config', '

77G-MPP84V2NHB

77');
78  

78</script>

78
79
80</body>
81</html>