エンタープライズローカルWeb効果
1。背景と目標
(1)背景:最近、ダウンロードしたGISデータとrhinoなどの設計ソフトウェアを組み合わせて3Dモデルを生成するチュートリアルをたくさん見ましたが、個人的には、これらの設計ソフトウェアを使用して3Dモデルをすばやく生成していると感じています。特にGISデータはもっと面倒です。そこで、ArcGISソフトウェアを使用して直接3次元シーンをすばやく構築するためのチュートリアルの概要を示します(このチュートリアルのデータはデモンストレーションデータであり、実際のプロジェクトの関連する計画部門を通じて正確なデータを取得できます)。
(2)目標:
- 建物のベクトルベースデータと環境ベクトルデータをダウンロードする
- ArcGISソフトウェアで3Dシーンをすばやく構築する
二。データのダウンロード
1.建物データをダウンロードする
オープンソースのベクターデータダウンロードサイトは、一般的に国内の建物データが比較的少ないため、CSDNで検索およびダウンロードした国内の第2層都市のシェープファイルデータを次に示します。このチュートリアルでは、Chengduの都市の建物データを使用します。
ダウンロードが完了すると、ArcGISProでデータを表示できます。
レイヤーのプロパティを表示すると、すべてのポリゴンフィーチャを含む外接長方形の範囲を表示できます。
2.OpenStreetMap公式ウェブサイトから背景データをダウンロードします
公式サイト:https://www.openstreetmap.org/
ただし、公式サイトからのデータのダウンロードに問題があります。前のエクステントを入力すると、領域が大きくなりすぎてダウンロードできなくなります。
したがって、使用することをお勧めします。ダウンロードするBBBikeのWebサイト。
3.BBBikeのWebサイトから背景データをダウンロードします
ダウンロードURL:https://download.bbbike.org/osm
注:ただし、データの範囲が正確でなく、操作中に特定のポイントの座標を入力する方法には欠点があります。ただし、少し広い範囲を選択することもできます。後続の処理でデータ範囲が大きすぎる場合は、Proのクリップツールを使用して、範囲外の要素を切り取ることができます。
[抽出]をクリックし、数分待ってダウンロードを完了します。データのダウンロードのステータスを表示できます。完了後、データをオンラインでダウンロードします。
ダウンロードしたシェイプファイルデータには複数のレイヤーデータが含まれ、背景として適切なデータを選択できます。 。
三。Proでシーンを作成する
1.シーンと背景を作成します
多くの国内ベースマップデータには特定のオフセットがあり、フィーチャレイヤーの位置にうまく適合しないため、デフォルトのオンラインベースマップはここでは使用されません。ここでは、以前にダウンロードした背景データを3DとしてProにインポートすることを選択します。シーンの背景データ。
(1)新しいグローバルシーンビューを作成します。
(2)背景要素を追加します。
次の要素が選択されています。
- 主要道路
- 自然(主に水)
- 土地利用タイプ(主に植生)
(3)レイヤープロパティで対応する色を設定します
2.建物モデルを追加します
(1)2次元の建物データを
追加します。3Dlayersレイヤーグループに建物エリア要素を追加します。
(2)高さフィールドを追加します。
属性リストに高さフィールドを追加します。高さはfloor * 3です。フィールド計算機を使用して以下を計算します。
(3)ビルドモデルの
[外観]パネルで絶対高さを選択し、高さ属性フィールドの高さを設定します。
(4)モデルの透明度を変更します。
(5)データを
変換します。作成した3DLayerをマルチパッチ3Dモデル形式に変換して表示効率を向上させます。
使用されるツールは次のとおりです。
3.クイックドローイング
(1)ブックマークを作成
する描画に参加したいパースペクティブやシーンにブックマークを保存できます。
(2)レイアウトを作成し
、新しいレイアウトを挿入し
ます。次に、以前に作成したブックマークを挿入するなど、図面ビューで自由に描画できます。
四。拡張機能-Webアプリケーションを作成します
1.3Dシーンサービスを公開する
3Dシーンサービスをオンラインまたはローカルのエンタープライズ環境に公開する:
Webページは、以前に公開された3Dサービスを表示するための単純なフロントエンドコードで完成させることができます。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="initial-scale=1,maximum-scale=1,user-scalable=no"
/>
<title>
| Sample | ArcGIS API for JavaScript
4.16
</title>
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<link
rel="stylesheet"
href="https://js.arcgis.com/4.16/esri/themes/light/main.css"
/>
<script src="https://js.arcgis.com/4.16/"></script>
<script>
require([
"esri/WebScene",
"esri/views/SceneView",
"esri/config"
], function (WebScene, SceneView, esriConfig) {
// load webscene from ArcGIS Online
const map = new WebScene({
portalItem: {
id: "xxxxxxxxxxxx"
}
});
const view = new SceneView({
container: "viewDiv",
map: map
});
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
直接リリースされた要素のサービスであり、データ量が少なすぎるとデータ量を表示できません。記事の表示を効率的に開始したい場合は、変換されたマルチパッチモデルデータを公開できます。表示は非常にスムーズになり、フロントエンドコードを使用して透明度を設定できます。