ArcGIS Pro开发Web3D应用(1)——环境搭建与初始实例

1、搭建环境

1.1 ArcGIS Web3D软件环境

  • ArcGIS Pro 2.0(必须)
  • ArcGIS for Enterprise 10.5.1 (从10.5开始称呼为Enterprise)
    包括:
  • ArcGIS Server 10.5.1(必须)
  • Portal for ArcGIS 10.5.1(必须)
  • ArcGIS Web Adpter (IIS) (必须,理论上一台服务器可安装20+个)
  • ArcGIS Data Store 10.5.1(必须,三维缓存,关系数据库PostgreSQL)
  • ArcGIS for Desktop 10.5.1(一般都安装)
  • WebAppBuilder 2.4 (无代码即应用)
  • ArcGIS Earth 1.0 (Web3D 浏览器,Option)
  • CityEgnine 2016/3d Max/Sketch Up(Option)
  • Oracle11G/12C\\PostgreSQL\\MongoDB(SDE托管,Option)

1.2 硬件配置

  推荐内存16G+(8G卡出翔),4G+独立显卡(三维很耗性能)

2、先看几张成图

1、Portal 中的三维Scene场景

ArcGIS Pro开发Web3D应用(1)——环境搭建与初始实例

2、WebAppBuilder中的三维场景

ArcGIS Pro开发Web3D应用(1)——环境搭建与初始实例

3、环境搭建要点

1、软件安装授权许可,安装没有顺序,不过一般还是先Arcgis Desktop——ArcGIS Pro——ArcGIS Server——ArcGIS WebAdapter——ArcGIS Data Store过程,其他软件后续安装。

此处详细见《实践 ArcGIS Web 3D》.

2、ArcGIS Pro授权许可要点

  现阶段不存在破解可能,ESRI重点推荐产品,前期提供60天授权试用时间,后面只有21天试用了,试用申请地址:http://www.esri.com/arcgis/trial

  如果有正版授权最好了,试用许可提供5个Named User,200个credit。

3、ArcGIS WebAdapter配置

  从ArcGIS Server10.4(貌似10.3.1也有)开始,提供http和https双重标准,推荐https安全协议。

  ArcGIS Server和Portal for ArcGIS默认都使用https,为此WebAdapter需要配置https方可使用,并且一般需要安装2个WebAdapter来分别匹配Server和Portal。

  IIS/Tomcat配置https安全协议,如果有独立域名可以申请正式SSL协议证书,如果没有就使用自签名证书(以IIS为例,如何创建自行搜索)。

  Portal for ArcGIS的WebAdapter要创建在默认80端口上,可以配置默认443的HTTPS;ArcGIS Server的WebAdapter可以任意端口配置。

4、ArcGIS Data Store安装使用

  ArcGIS Data Store专用于Portal for ArcGIS使用,高性能,分布式部署备份(主从复制备份),此处参考《ArcGIS Data Store空间数据库的那点事儿》,详细描述安装使用。

  注意1:这里安装不能安装在有空格的文件夹(比如Program Files)、不能有中文、最好根目录的文件夹、一般需要10G多的空间;

  注意2:关系、切片缓存、时空3个类型的最好分开安装,而且为了保存主从复制备份机制,一般需要2个数据库存储计算机。

  注意3:千万要注意ArcGIS Data Store的通信端口(好几个),在诸如VMVare\\VSphere虚拟环境中,要开放端口(建立出入站规则);

  注意4:为了远程访问,一般建议使用IP来配置,比如输入ArcGIS Server站点名称:https://IP:6443,协议为https。

  

ArcGIS Pro开发Web3D应用(1)——环境搭建与初始实例

5、Portal for ArcGIS与ArcGIS Server联合服务器

  1)注册托管存储器必须通过门户WebAdapter的方式来进行,即不能通过7443的内部端口访问;

  2)添加联合服务器的时候分WebAdapter和内部6443的形式,碰到IP配置不成功的情况下,使用服务器机器名。

6、三维场景发布(Scene Layer)

  从CityEngine或其他三维软件导入的要素,可以先导入GDB或通过“Layer 3D to Feature Class"预先处理下,为多面体要素(MultiPatch)。

  此处可参考《深度技术向:ArcGIS如何发布场景图层》

 1)一般登录ArcGIS Pro后默认激活的是ArcGIS Online,需要切换到自己的Portal门户。(在无网络情况下,需要首先切换到offline模式)

  

ArcGIS Pro开发Web3D应用(1)——环境搭建与初始实例

  2)在Share Web Layer/Web Scene时出现发布失败时可以,先”Create Scene Layer Package",然后再上传发布共享使用。

4、前端开发初始实例

  WebStorm/VSCode,

<code>//define(function () {
var myMap, view;
require([
"esri/Basemap",
"esri/layers/TileLayer",
"esri/Map",
"esri/views/MapView",
"esri/views/SceneView",
"esri/WebScene",
"vue",
"dojo/domReady!"
], function (Basemap, TileLayer, Map, MapView, SceneView, WebScene, Vue) {
//esriConfig.portalUrl = "https://10.0.0.65/myportal";

//创建VUE对象
Vue.component("camara-info",{
props:["camera"],
template:"
"+
"

视角:

"+
"

Heading:{{camera.heading.toFixed(3)}}

"+
"

Tilt:{{camera.tilt.toFixed(3)}}

"+
"

经度:{{camera.position.longitude.toFixed(3)}}

"+
"

纬度:{{camera.position.latitude.toFixed(3)}}

"+
"
"
});

myMap = new Map({
basemap: "hybrid",
ground: "world-elevation"
});

// basemap: "osm",
// ground: "world-elevation"
var scene = new WebScene({
portalItem: {
id: "a38bd1cf11f548aaafe0b86560e6a5cd" //Web Scene Layer在Portal中的ID
}
});


view = new SceneView({
container: "sceneviewDiv",
map: scene
//scale: 50000000,
//center: [117.265, 34.57]
});

view.then(function () {
var info = new Vue({
el:"#info",
data:{camera:view.camera}
});
view.ui.add(info.$el,"top-right");
view.watch("camera",function () {
info.camera = view.camera;
});

});


});
//});/<code>

  到此,基于ArcGIS 的3D环境搭建和初始实例完成。


分享到:


相關文章: