ArcGIS两种制作3D地图并通过three.js调用的方法

最新推荐文章于 2024-04-28 09:51:31 发布
最新推荐文章于 2024-04-28 09:51:31 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： arcgis
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43173805/article/details/107840621
版权

在这里插入图片描述

CityEngine+ArcScene

ArcGIS server只可以发布2D地图，对于3D地图可以用CityEngine+ArcScene去实现

具体步骤如下：

1．用Arcmap画出2D模型后，打开工具箱转换工具，转为shapefile

在这里插入图片描述

输入要素类商铺（shop）

在这里插入图片描述

可自行输入要素类，输出路径自定义，记住此shapefile路径

2．打开CityEngine，File/import/shapefile，导入刚才转换出来的shape file。
导入了shapefile之后，利用CGA规则代码拉伸图形，使之拥有高程。

最低0.47元/天 解锁文章
GIS前沿
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Three.js与arcgis的交互与渲染
03-23
1.arcgis场景中整合three.js
ArcGIS API在视图中渲染Three.js场景
qq_37155408的博客
04-04 3147
ArcGIS API在视图中渲染Three.js场景 ArcGIS API中的SceneView使用WebGL在屏幕上渲染地图和场景，还提供了一个底层接口来访问SceneView的WebGL上下文，因此可以创建与场景交互的自定义​​可视化效果，方式与内置图层相同。那么我们可以直接编写WebGL代码，也可以集成第三方WebGL库（例如Three.js）。 现在我门就来尝试在ArcGIS的三维场景中加...
ArcGIS专题图制作—在ArcGIS Pro中绘制3D影像图
最新发布
Promising_GEO的博客
04-28 608
制作地形图，或者说制作地图，DEM地形数据总是十分重要，我们需要掌握，利用适合特定制图场景的数据，简单点说今天我们要用到的数据只有这一个密歇根地区的DEM数据。如何制作一张3D效果的地图，ArcGIS pro 可以很好的完成这个工作，这篇文章就从数据获取到布局出图详细讲解如何制作这样一张地图。1、利用ArcGIS Pro 中的工具，处理好栅格数据（主要就是裁剪到我们需要的制图范围，需要使用的工具“按掩膜提取”）影像底图说直白点就是一张从太空拍摄的照片，合理选择清晰，无云的卫星影像底图是我们今天的制图要求。
使用ArcGIS API和Three.js在三维场景中实现动态立体墙效果
qq_37155408的博客
08-27 3482
使用ArcGIS API和Three.js在三维场景中实现动态立体墙效果 废话不多说，直接先来看下最终实现的动态立体墙效果图。 如果图片还不够直观，那么点击链接查看在线示例。 首先我们需要用到ArcGIS API中的externalRenderers类将外部的Three.js渲染器加载到地图三维场景中，如果不知道怎么使用的可以查看我的这篇文章《ArcGIS API在视图中渲染Three.js场景》。那篇文章中加载的是一个三维模型，而本示例中只需加载一面“墙”，也就是一个平面，并增加一个动态效果。所以重点就
Arcgis js+Three.js
weixin_44339199的博客
03-13 1802
arcgis js+three.js 一、基本结构 require([ 'esri/Map', 'esri/views/SceneView', 'esri/views/3d/externalRenderers' ], function ( Map, SceneView, externalRenderers, webMercatorUtils, ) { //场景地图 var map = n
arcgis for js 天地图_ArcGIS两种制作3D地图并通过three.js调用的方法
weixin_39617470的博客
11-23 810
1CityEngine+ArcSceneArcGIS server只可以发布2D地图，对于3D地图可以用CityEngine+ArcScene去实现具体步骤如下：1．用Arcmap画出2D模型后，打开工具箱转换工具，转为shapefile输入要素类商铺(shop)可自行输入要素类，输出路径自定义，记住此shapefile路径2．打开CityEngine，File/import/shap...
arcgis结合 three js 实现动态管网效果
09-23
arcgis结合 three js 实现动态管网效果。 4.17到4.23版本都支持
arcgis js API @4.26 3D场景渲染threejs模型
weixin_46421398的博客
03-30 698
参考博主https://blog.csdn.net/qq_37155408/article/details/105295877?他是渲染了一个外部模型。我这里渲染的是three自带的模型，对应初学者包括我自己，非常的友好。以上将ThreeJS必要的场景、相机、渲染器已经成功创建，现在我们来创建3D模型。现在是重点的坐标转换，目前存在的问题是这个模型的位置如何去对应arcgis场景的坐标位置。此生成的vector3List 就是物体在arcgis场景中相对于three坐标，对应的位置。
三维GIS开发核心：Three.js教程
GIS前端嘉欣的博客
05-17 823
讲到 Three.js，就需要先说一下 OpenGL 和 WebGL， OpenGL 是一个跨平台的3D/2D的绘图标准（规范），WebGL（Web Graphics Library）是一种3D绘图协议，它允许把JavaScript和OpenGL 结合在一起运用，但使用WebGL原生的API来写3D程序非常的复杂，同时需要相对较多的数学知识，对于前端开发者来说学习成本非常高。WebGL是一种Javascript的3D图形接口，把JavaScript和OpenGL ES 2.0结合在一起。
ArcGIS JS API+Three.js实现下雪特效.zip
04-19
ArcGIS JS API+Three.js实现下雪特效的代码。查看效果https://blog.csdn.net/qq_37155408/article/details/115864931
arcgis js 结合 three.js 实现流动的管道
05-25
arcgis js 结合 three.js 实现流动的管道。具体效果请移步到博客:https://blog.csdn.net/KK_bluebule/article/details/117229296
ThreeEarth:Three.js实现的简单三维GIS。（放弃）
05-15
ThreeEarth Three.js实现的简单三维GIS。 演示图片
arcgis JavaScript D3 三维效果实现
01-31
利用D3结合arcgis JavaScript api 在地图上展示统计图表
arcgis js 4.17 结合 Three.js 实现动态光圈rar
05-24
arcgis js 4.17 结合 Three.js 实现动态光圈，具体效果请移步到博客:https://blog.csdn.net/KK_bluebule/article/details/117229296
ArcGIS+Three.js实现航迹线效果.zip
04-13
ArcGIS JS API+Three.js实现动态航线效果的示例代码
基于three.js 和ArcGIS JS API meshline
04-08
基于three.js 和ArcGIS JS API meshline
arcgis for js——3.2D与3D地图联动显示
独学而无友，则孤陋而寡闻
04-01 663
1.html文件 <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"/> <title>2D与3D地图联动</titl...
cesium+threejs结合实现GIS+BIM大场景-2
疯狂的蒲公英
05-25 9572
最终效果 示例的demo我没做，但是可以放一个最终调试完的QModel产品的效果。大概是这个样子：示例网站 常见问题 1、原理是什么？ 原理是利用threejs在Canvas上渲染支持背景透明的特性。把两个Canvas叠加在一起，然后在render时，使threejs的camera随Cesium的相机联动。 2、如何屏蔽掉表层threejs这个div的鼠标操作，只让底下的cesium响应操作？ 一句话实现，让某个div忽略所有的鼠标事件：ThreeContainer.style.pointe
arcgis api结合three.js实现线流动效果
07-26
ArcGIS API是一种用于构建地理信息系统应用程序的开发框架，而Three.js则是一个用于在Web上创建3D图形的JavaScript库。其中Three.js可通过其提供的WebGL功能实现复杂的3D渲染效果。因此，结合ArcGIS API和Three.js，可以实现让线流动的效果。 实现线流动效果的主要步骤如下： 1. 创建基本地图场景：使用ArcGIS API创建一个基本的地图场景，包括地图图层、符号、标签等。 2. 叠加流动线图层：利用ArcGIS API的GraphicsLayer功能，将流动线的图层添加到地图场景中。流动线可以使用Polyline类进行创建，并设置其起始点和结束点的坐标。 3. 使用Three.js创建3D效果：使用Three.js的WebGL功能，将流动线的图层转换为3D对象。在转换过程中，可以设置线的材质、颜色、宽度等属性，以及控制线的流动速度和方向。 4. 更新线的位置：利用Three.js的动画功能，不断更新线的位置，使其呈现出流动的效果。可以通过改变起始点和结束点的坐标来实现线的移动。 5. 更新地图场景：在更新线的位置后，使用ArcGIS API的MapView或SceneView功能，实时将地图场景进行重新渲染，以显示变化后的线的位置。 通过以上步骤的组合，就可以实现ArcGIS API结合Three.js的线流动效果。这种效果可以增加地图的交互性和视觉效果，使用户更直观地了解地理数据之间的关系和变化。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值