2015年10月18日日曜日

OL3-Cesium 2 - 準備

2 - 準備
2-1 ダウンロード

1 Ol3-Cesium
http://openlayers.org/ol3-cesium/

の「Release」ボタンをクリックします。

*「Download .zip file」と「Download .tar.gz file」もあります。こちらの examples のコードが修正済みになっています。今回は「Release」のものを使用しました。

2 Release・openlayers/ol3-cesium・GitHub
https://github.com/openlayers/ol3-cesium/releases/

の Latest release(ol3-cesium-v1.8.zip)[2015.10.15 現在]をクリックしてダウンロードします。バージョンはそれぞれ、

OpenLayers3 v3.9.0
Cesium v1.13

です。

3 ダウンロードしたファイルを展開します。

user@deb8-vmw:~$ cd ダウンロード
user@deb8-vmw:~/ダウンロード$ ls
---
ol3-cesium-v1.8.zip
---
user@deb8-vmw:~/ダウンロード$ unzip ol3-cesium-v1.8.zip
user@deb8-vmw:~/ダウンロード$ ls
---
ol3-cesium-v1.8
ol3-cesium-v1.8.zip
---

2-2 NetBeans にインポート
1 NetBeans を起動します。







2 メイン・メニューで「ファイル」→「新規プロジェクト」([Ctrl]-[Shift]-[N]を選択して新規プロジェクト・ウィザードを開きます。


3 HTML5カテゴリを選択し、「HTML5アプリケーション」を選択します。「次」をクリックします。






4 「新規 HTML5アプリケーション」で「プロジェクト名」に「ol3cesiumproj」と入力し、「プロジェクトの場所」右側の「参照」ボタンをクリックします。


5 「プロジェクトの場所を選択」で /home/user/public_html を指定し「OK」ボタンをクリックします。








6 「新規 HTML5アプリケーション」で「次>」ボタンをクリックします。


7 「サイト・テンプレート」では、「サイト・テンプレートなし」を選択します。






8 「JavaScriptファイル」では、「使用可能」ペインで仮に prototype(エラーが表示されたときは他のものでもOK) JavaScriptライブラリを選択し、右矢印アイコン( > )をクリックして、選択したライブラリをウィザードの「選択済」ペインに移動し、「終了」ボタンをクリックします。


9 展開したフォルダをサイトルートにコピーします。
user@deb8-vmw:~/ダウンロード$ cp -r ol3-cesium-v1.8 ../public_html/ol3cesiumproj/public_html/js/libs/

0 件のコメント: