如何建立地球上任何一个区域的地形3d模型，并添加卫星或地貌贴图

最新推荐文章于 2024-06-01 09:13:53 发布
最新推荐文章于 2024-06-01 09:13:53 发布
阅读量9.4k 收藏 21
点赞数 5
分类专栏： js googlemap 文章标签： 谷歌 qgis 3d googlemap three-js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jdk137/article/details/76186746
版权

一、如何截取大范围的google地貌图片
设置相应的的范围， 并利用phantomjs截屏。需要网络能流畅访问googlemap。

google导出的图片中可以是卫星图等各种图片，可以包含各种道路、地理名称等辅助信息，都是可以配置的。

相关github项目

二、如何建立任何地球上任何一个区域的地形3d模型 （geotiff 转换 obj文件）
1. 地形dem数据的获取
http://gisgeography.com/free-global-dem-data-sources/
可以从usgs上下载到相关区域的tif文件。
2. 安装qgis
http://www.qgis.org/en/site/forusers/download.html
可以用qgis或者GDAL合并上一步下载的多个tif
https://gis.stackexchange.com/questions/192395/merging-tif-images-into-a-single-geotiff-with-qgis
3. 安装qgis2threejs插件

最低0.47元/天 解锁文章
jdk137
关注
  • 5
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
gis城市模型建立之地形模型的建立
weixin_39498540的博客
07-23 1819
地形数据 数据类型：30m精度DEM 数据来源：地理空间数据云 下载地址：https://www.gscloud.cn/search#60266 数据获取步骤 1. 选取需要的数据范围 点进网站 选择需要的数据集【DEM数字高程数据】，DEM数据的精度有90m，也有30m的，选择需要的就行。 然后输入所需数据的地理范围，可以按行政区划点选，也可以经纬度、导入矢量文件。 最后点击搜索，就会出现出现所需数据的地图图幅。 2.逐一下载数据 上一部的结果如图2，搜索结束后直接点击左边各个图幅的下载按钮就行。如果范.
全球3D地理信息模型
10-21
全球3D地理信息模型 全球3D地理信息模型 全球3D地理信息模型
threejs-dem-visualizer:使用 THREE.js 可视化 ASTER 和 LANDSAT 卫星数据
08-04
Threejs-dem-visualizer Medium 上的详细解释： 特征 ： DEM（数字高程模型）和卫星图像数据从下载 使用 ASTER 和 LANDSAT 卫星的数据。 使用 QGIS 生成的 Geotiff 文件 安装 git clone git@github.com:zhunor/threejs-dem-visualizer.git cd threejs-dem-visualizer yarn install 用法 生成所有 js/css 包 yarn build 发展 yarn start 转到localhost:8080以查看您的项目！ 学分 代码框架建立在项目上。 我添加了一些用于加载的 css，因为读取 geotiff 文件需要时间。 如果您在构建时遇到问题，请最好遵循原始说明。 和 [mapmasters] ( ) 的演示对于理解 DEM 到th
使用ThreeJs搭建BIM模型浏览器，第七步-测量
疯狂的蒲公英
09-29 1537
前面说到构件选择，实现了点击时与界面记录的焦点。《使用ThreeJs搭建BIM模型浏览器，第二步-构件选择》 主要的实现思路是：通过一个全局标记，记录前一次点击（作为起点）和后一次点击（作为终点），求两点之前的距离。 然后在终点附近插件一个标签。插件标签的方法前面也提到了。如意门：《使用ThreeJs搭建BIM模型浏览器 第三步 浮标》 1，点击，当然要加起点终点的全局变量记录一下。 ......
three.js实现3D地图
最新发布
半兽先生的博客
06-01 476
转换成坐标轴xy值，在地图区域及边界线加载到场景后，通过包围盒计算完整地图的max和min坐标，再根据max和min的值重新计算每个地图区域的uv坐标，如果不重新计算uv坐标会导致贴图显示异常。node_modules包里面找到three.module.js文件大概第7177行，加四行数据解决。依赖，我这里使用的是three r153版本。3.完整代码（json替换成自己的数据）8.海岸群岛demo，去除三沙市案例。1、下载three.js及。
Three+Shader 生成3D地球高度地图
stonerao
03-17 2501
通过three.js + shader 生成高度地图 使用自定义着色器读取到当前位置信息的颜色值来生成当前高度。 准备 两张图，一张展示材质，一张生成高度的材质 高度是黑白构成的一张图，通过图片的灰度来生成高度。 开始 生成地球 生成地球模型 // threejs const options = { radius: 100, // 地球的半径 segments: 640, // 地...
vue2+three.js做出一个精美的3D地图——4.在地图上添加模型或者精灵sprite
Tx的博客
10-23 2023
上一期我们已经把地图构建好了，现在我们给地图添加一些模型和精灵当前我们已经引入了模型和sprite，下期我们将使用射线，去做一些交互。
UE4地形使用卫星贴图
qq_43737816的博客
10-14 1656
UE4地形使用卫星贴图
如何建立地球上任何一个区域的地形3d模型，并添加卫星或地貌贴图-附件资源
03-02
如何建立地球上任何一个区域的地形3d模型，并添加卫星或地貌贴图-附件资源
unity3d 游戏场景模型 地形地貌素材包 Landscapes Part2.zip
06-21
在“unity3d 游戏场景模型 地形地貌素材包 Landscapes Part2.zip”这个压缩包中，包含了一系列用于构建游戏场景中的地形地貌的资源。这些资源对于快速创建逼真的游戏环境，提升玩家沉浸感至关重要。 首先，地形地貌...
超高清10k地球卫星全景贴图
06-25
超高清地球贴图资源10000*5000-10K超高清图
threejs-earth:基于react-three-fiber绘制的地球
05-01
react-r3f-earth 基于react-r3f-threejs绘制的地球 lib React: v17 r3f: v5.3 threejs: v122 Setup $ https://github.com/flowers1225/threejs-earth/tree/react-r3f-earth $ npm install $ npm start
three.js 制作简单行星运转动画
02-06
three.js制作简单动画，模拟月球绕地球公转。渲染器为CanvasRenderer
QGIS-2.18用户手册（英文）
01-02
官网上的qgis2.18用户手册，需要的话也可以自己到时官网上去下载，这里只是方便下载，将需要的积分改为0
Unity地球3D模型带星空背景
09-24
在这个“Unity地球3D模型带星空背景”的资源包中，开发者可以找到一个精心制作的地球模型，以及一个逼真的星空背景，这为创建虚拟现实或者模拟应用提供了丰富的素材。 首先，我们要理解3D地球模型。在Unity中，3D...
python人脸照片转成3D模型（贴图）源码.zip
08-04
这个源码项目旨在实现这一功能，通过使用特定的算法和技术，将一张二维的人脸照片转化为具有立体感的3D模型，并应用贴图以增加真实感。 首先，我们需要理解基本的3D建模概念。3D模型是通过几何形状（如点、线和面）...
vue开发案例：基于Three.js搭建三维数字化场景
碰碰的博客
03-04 1896
0、场景涉及的关键技术点 GLTFLoader加载gltf模型，并解析模型动画； 基于worker-loader在vue中使用web worker； 基于web worker动态设置模型（鸟、牛）的移动路线； 基于geotiff.js与DEM生成三维地形场景； threejs中加载geojson生成ShapeGeometry； 使用BufferGeometryLoader加载风机模型，并设置风机动态转动； 基于DataTexture3D生成三维云； 基于Sprites实现树木、草地、向日葵等
基于ThreeJS的3D地球
张_优秀的博客
06-16 6373
标记点、动画、旋转、标记点点击事件、信息弹窗
用qml写一个3d模型选点并在选中点添加一个小球
03-21
可以使用 Qt 3D Studio 和 QML 来实现这个功能。首先，需要创建一个 3D 场景并加载模型。然后，使用 QML 中的鼠标事件来检测用户选择的点，并在该点处添加一个小球。以下是示例代码： ``` import Qt3D.Core 2.0 import Qt3D.Render 2.0 import Qt3D.Input 2.0 import Qt3D.Extras 2.0 import QtQuick.Controls 2.0 import QtQuick.Layouts 1.0 import QtQuick.Scene3D 2.0 Scene3D { id: scene anchors.fill: parent Entity { id: rootEntity // 加载模型 components: [ RenderSettings { activeFrameGraph: ForwardRenderer { clearColor: "lightblue" } }, SceneLoader { source: "model.obj" } ] // 添加小球 MouseHandler { id: mouseHandler sourceDevice: scene.inputDevice onClicked: { var mouse = Qt.point(pointer.x, pointer.y) var ray = camera.ray(mouse) var intersection = rootEntity.rayIntersects(ray) if (intersection.length > 0) { var point = intersection[0].point var sphere = SphereMesh { radius: 0.1 } var sphereEntity = Entity { components: [ Transform { translation: point }, sphere ] } rootEntity.addChild(sphereEntity) } } } // 相机 Camera { id: camera projectionType: CameraLens.PerspectiveProjection fieldOfView: 45 aspectRatio: scene.width / scene.height nearPlane : 0.1 farPlane : 1000.0 position: Qt.vector3d(0, 0, 10) upVector: Qt.vector3d(0, 1, 0) viewCenter: Qt.vector3d(0, 0, 0) } } } ``` 这段代码创建了一个场景，加载了一个名为 "model.obj" 的模型，并添加了一个鼠标事件处理程序来检测用户选择的点。当用户单击场景中的某个点时，该代码会在该点处添加一个小球。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值