1、2020 ArcGIS空间信息技术开发者大会 使用Javascript API创建Web 3D应用 许丹石 客户及合作伙伴支持部 会议概况会议概况 -3D的介绍 -Web Scenes (camera, navigation) -高程图层 Elevation Layer -场景图层 Scene Layer -示例 1: 基于Web Scene构建自定义探索应用程序 -从2D数据构建3D应用程序 -2D数据的3D符号 -使用Mesh API创建地形 -示例 2: 火车站的3D设计图 -示例 3: 滑雪胜地3D地图应用程序 2020 ArcGIS空间信息技术开发者大会 3D 介绍 2020 Arc
2、GIS空间信息技术开发者大会 平台中的3D 场景图层和要素图层 以场景服务驱动； 客户端跨平台访问 使用2D和3D数据和地理处理来创建更高价值的可视化，分析和信息产品 WebScene是3D应用程序的基础 Desktop Web Device Server Online Content and Services 2020 ArcGIS空间信息技术开发者大会 Web Scene 介绍 允许您在直观的交互式3D环境中可视化和分析地理信息 可以添加和自定义2D和3D图层 -要素图层，地图图像层，场景图层，切片图层，WMS，矢量切片图层 控制环境设置 -阴影 -一天中的任何时间 可以是全球场景或局部场
3、景 2020 ArcGIS空间信息技术开发者大会 Web Scene 在ArcGIS Online中创作（也可以在ArcGIS Pro中完成） 在ArcGIS Online中发布图层 为场景添加slides (Bookmarks) 保存获取item ID 2020 ArcGIS空间信息技术开发者大会 全球场景 vs 局部场景 全球 Web墨卡托或WGS84 球面/曲面 浏览地下 局部 任意投影坐标系 平面/无曲率 剪切范围 浏览地下 2020 ArcGIS空间信息技术开发者大会 全球场景 2020 ArcGIS空间信息技术开发者大会 局部场景 2020 ArcGIS空间信息技术开发者大会 Ca
4、mera 2020 ArcGIS空间信息技术开发者大会 Navigation 通过鼠标、键盘或游戏手柄进行手动浏览 使用goTo进行程序视角调整 2020 ArcGIS空间信息技术开发者大会 可视化 PointSymbol3DLineSymbol3DPolygonSymbol3D IconSymbol3DLayer ObjectSymbol3DLayer LineSymbol3DLayer PathSymbol3DLayer FillSymbol3DLayer ExtrudeSymbol3DLayer 体状符号 -实际单位（英尺，米） -图形在现实世界中 平面符号 -屏幕尺寸单位（pt，px）
5、 -图形在屏幕空间中 2020 ArcGIS空间信息技术开发者大会 可视化 3D符号中的符号层驱动可视化 MeshSymbol3D FillSymbol3DLayer 2020 ArcGIS空间信息技术开发者大会 Elavation Layer 提供场景的垂直地理环境 可以发布到Portal for ArcGIS或ArcGIS Online 2020 ArcGIS空间信息技术开发者大会 Elevation Layers Esri 世界高程服务 地形地形和水深 2020 ArcGIS空间信息技术开发者大会 Elevation Layers- 托管高程图层 2020 ArcGIS空间信息技术开发者
6、大会 场景图层 为显示大量2D和3D要素而优化的缓存Web图层，可以在场景查看器中查看 五种不同类型的场景层： -点 -3D对象 -集成网格 -点云 -建造 2020 ArcGIS空间信息技术开发者大会 示例1:构建一个自定义 探索应用程序 在线应用: https:/ralucanicola.github.io/JSAPI_demos/sanfrancisco-buildings/ 源码: https:/ 2020 ArcGIS空间信息技术开发者大会 向Web Scene中添加自定义功能 在自定义应用程序中加载Web Scene 场景层的自定义弹出窗口 添加时间滑块以按建造年份进行过滤 根据几
7、何过滤建筑物 查询选定建筑物的统计信息 2020 ArcGIS空间信息技术开发者大会 加载Web Scene 2020 ArcGIS空间信息技术开发者大会 为场景图层添加自定义弹窗 2020 ArcGIS空间信息技术开发者大会 添加时间滑块微件 2020 ArcGIS空间信息技术开发者大会 连接时间滑块与场景图层 2020 ArcGIS空间信息技术开发者大会 客户端空间过滤 2020 ArcGIS空间信息技术开发者大会 场景图层的客户端查询 2020 ArcGIS空间信息技术开发者大会 从2D数据构建3D Web应用 2020 ArcGIS空间信息技术开发者大会 2D面要素数据拉伸成3D样式
8、10 meters 2020 ArcGIS空间信息技术开发者大会 2D面要素数据拉伸成3D样式 $feature.Height 2020 ArcGIS空间信息技术开发者大会 2D点要素数据的3D模型 - WebStyleSymbols 2020 ArcGIS空间信息技术开发者大会 2D点要素数据的3D模型 - glTF 2020 ArcGIS空间信息技术开发者大会 示例2:苏黎世火车站的 3D设计图 在线应用: https:/ralucanicola.github.io/JSAPI_demos/zurich-hb/ 源码: https:/ 2020 ArcGIS空间信息技术开发者大会 Elev
9、ation Info 不同的elevation modes 2020 ArcGIS空间信息技术开发者大会 Elevation Info 来自属性值的表达式 2020 ArcGIS空间信息技术开发者大会 2D线要素数据的3D符号 PathSymbol3DLayer 2020 ArcGIS空间信息技术开发者大会 示例3:滑雪胜地3D地 图应用程序 在线应用: https:/ralucanicola.github.io/ski-resort-map/ 源码: https:/ 2020 ArcGIS空间信息技术开发者大会 使用Mesh API 创建TIN地形 为所选范围生成随机点由点生成三角网 202
10、0 ArcGIS空间信息技术开发者大会 为所选范围生成不规则三角网 2020 ArcGIS空间信息技术开发者大会 使用Mesh API 创建TIN地形 使用海拔查询来设置Z值 (此地图,海拔高度夸张了2倍) 使用Mesh API创建3D geometry 对象 2020 ArcGIS空间信息技术开发者大会 海拔夸张2倍并根据高度设置颜色 2020 ArcGIS空间信息技术开发者大会 使用Mesh API 创建TIN地形可视化结果 2020 ArcGIS空间信息技术开发者大会 使用editor微件设置模型的高度、大小和方向 3D 模型来源: https:/ 感谢您的聆听！ 敬请关注下一场讲座： ArcGIS Runtime增强现实技术揭秘与应用探索 2020 ArcGIS空间信息技术开发者大会
个人主页
