search

sumakokima2 / resium-sample2

0 stars 0 forks source link

2-1. Cesiumの概要 #22

Open sumakokima2 opened 4 years ago

sumakokima2 commented 4 years ago

Cesiumとは

参考

Cesium lets you build real world 3D data into your apps

3D data is being collected at astonishing rates. But while satellites, land vehicles, and drones are busy gathering this information, it remains difficult to use. Cesium is an end-to-end platform that unleashes the potential of 3D data by making it easy for developers to visualize, analyze, and share 3D content.

Cesiumはあたなのアプリに3Dのリアル世界を構築します

3Dデータは驚くべき速度で収集されています。しかし、衛星、陸上調査車両、ドローンが情報をせわしなく集めている一方、その「利用」は未だ難しいままです。Cesiumは開発者に可視化、分析、そして3Dコンテンツを共有することを簡易化させることで3Dデータが持つポテンシャルを開放する「end-to-end (including all the stages of a process)」なプラットフォームです

アクセストークンの取得

ここでsign upして、アクセストークンを取得します。 取得したアクセストークンはこちらからコピーできます。

cesium.orgのサンプルコード

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <script src="https://cesium.com/downloads/cesiumjs/releases/1.66/Build/Cesium/Cesium.js"></script>
  <link href="https://cesium.com/downloads/cesiumjs/releases/1.66/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>
<body>
  <div id="cesiumContainer" style="width: 700px; height:400px"></div>
  <script>
    Cesium.Ion.defaultAccessToken = 'アクセストークンをこちらに';
    var viewer = new Cesium.Viewer('cesiumContainer');
  </script>
</body>
</html>

以上です。

webpackを用いたインストール

gitからダウンロード

git webpack $git clone git@github.com:CesiumGS/cesium-webpack-example.git $npm install $npm start

localhost 8080からアクセスできます。//私の場合は8081でした

簡単！！