最新版Cesium使用天地图三维地形、地名服务

Jason9510

已于 2024-10-29 10:51:31 修改

阅读量2.7k

点赞数 2

分类专栏： Cesium 文章标签： javascript 前端

于 2023-05-17 20:06:56 首次发布

本文链接：https://blog.youkuaiyun.com/qq_26610239/article/details/130733765

版权

Cesium 专栏收录该内容

20 篇文章

订阅专栏

1、项目地址

----------------2024年10月29日更新----------------
最新支持到CesiumJS 1.120

项目可直接运行。
https://github.com/zhengjie9510/cesium-tdt

2、实现效果

请添加图片描述

3、实现方法

参考博客修改cesiumTdt.js。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Jason9510

关注关注

2
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Cesium——天地图服务调用流程&文档&申请Key、token&代码

weixin_46127993的博客

01-05

6788

天地图是中国国家基础地理信息系统，由中国测绘地理信息局和国家地理信息公共服务平台共同开发和运营。它提供了包括地图数据、地理编码、路径规划、地理搜索等多项地理信息服务。天地图的目标是为各行业提供高质量、全面的地理信息数据和解决方案，支持政府决策、城市规划、资源管理、环境保护、交通导航、物流配送等领域的应用。天地图在国内广泛应用于政府机构、企事业单位以及个人用户的地理信息查询与分析工作中。

cesium实现底图和地形动态切换及supermap三维服务加载（官网demo）

08-22

function1：cesium实现天地图影像、矢量动态切换；function2：实现supermap三维地形服务动态加载及卸载；function3：实现supermap倾斜摄像服务动态加载

1 条评论您还未登录，请先登录后发表或查看评论

vue3+ts+vite+cesium 加载天地图影像、标注等多服务器随机加载切换版本

04-02

这段基于 Vue.js 的 Cesium 地图应用示例展示了如何使用 Cesium.js 创建一个具有自定义配置的 3D 地球视图。Cesium.js 是一个开源 WebGL 虚拟地球引擎，可以构建交互式的 3D 地图应用。示例中的底图和注记图层来自中国的在线地图服务平台天地图，提供丰富的地理信息。代码禁用了全屏按钮、地理编码器等，隐藏了版权信息，以优化用户体验。 Vue.js 是一个流行的 JavaScript 前端框架，可以帮助开发者高效构建具有交互性的 Web 应用。在本示例中，Vue.js 的使用使代码更具模块化，便于扩展和维护。这个示例为开发者提供了一个简洁、易用的 Cesium 地图应用，展示了如何在 3D 地球视图中查看和探索地理信息，优化了用户体验，让用户专注于地图内容。这个示例可以作为开发者构建基于 Cesium 的地图应用的起点，也可以帮助了解如何使用 Vue.js 和 Cesium.js 结合开发 Web 应用。

Cesium 添加天地图三维地形

jingjing_n的博客

10-14

7083

Cesium 添加天地图三维地形

Cesium 入门系列教程（三）：加载不同的地图底图（10多种）

最新发布

大剑师兰特的GIS世界

03-18

1267

Cesium 提供了多种类（ImageryProvider）来加载不同的地图底图。每个 `ImageryProvider` 子类代表了一种特定的地图服务或数据源，可以用来在 Cesium Viewer 中显示底图。

cesium+天地图，实现三维地名，cesium三维地名，天地图地名，cesiumjs三维城市

qq_37637128的博客

10-20

1458

cesium三维地名、cesium天地图

Cesium最新版使用天地图地形及注记服务

qq_38000851的博客

05-13

5157

天地图三维地名服务和地形服务需要利用 cesium 开源三维地球API与天地图扩展插件共同使用，目前支持cesuim1.52、1.58、1.63.1。本人使用的cesium版本：1.105.1，已是官网最新包，其他版本的建议自己再调整。demo里的地形服务地址不对，需要自己更换成地图API里提到的地址。

运行天地图Cesium.js三维服务案例

@Fonden

12-25

1383

技术选型：Vue2、VueCli5、Cesium.js、天地图。

Cesium学习笔记——Cesium中添加天地图三维服务插件

蹲在草丛嚼益达

02-19

1626

【代码】Cesium学习笔记——Cesium中添加天地图三维服务插件。

【cesium-1】cesium地形、地图加载

WXG1011的博客

12-06

2657

cesium基础篇

vue3-vite-ts-cesium-天地图 地图影像矢量地图矢量标注

04-02

这个模板是基于 Vue3 和 Cesium 开发的一个天地图三维地球应用。在组件挂载后，通过 Cesium.Viewer 创建了一个三维地球实例，并设置了一系列的界面控件和参数，例如动画小组件、底图组件、全屏组件、时间轴等。接着...

arcgis api for js 4.9三维地形叠加google影像 天地图影像

03-06

利用arcgis api for js 4.9 开发无插件三维地球页面，叠加google影像 天地图影像，可在代码中修改切换天地图影像和google影像，开发环境为Aptana Studio 3

基于Cesium.js的可浏览本地三维地形数据的地理模型库源码.zip

04-09

【资源说明】 1、该资源包括项目的全部源码，下载可以直接使用！ 2、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，...基于Cesium.js的可浏览本地三维地形数据的地理模型库源码.zip

基于Cesium的三维智慧城市系统，兼容超图SuperMap的三维服务

04-17

后台三维服务使用了超图的在线范例场景。所有的3D模型都已经放在了工程当中。工程目录如下： --Build --examples --cesium-d3kit.js --city.js --city2.js --city3.js --警情模拟示例.html --水积警情模拟.html --...

cesium-影像图&地形图&3dtiles模型

qq_42129143的博客

01-08

1978

cesium加载影像图层&cesium加载地形图

cesium加载天地图

半路转行的Giser

07-18

2594

天地图提供了经纬度投影和球面墨卡托投影两种服务，该示例使用了球面墨卡托投影服务。其中的切片方案tilingScheme使用cesium提供的web墨卡托切片方案new Cesium.WebMercatorTilingScheme()在地图服务简介中，提示要想使用底图服务，需要申请key，点击申请key，跳转到如下页面。天地图地图服务采用OGC WMTS标准，可以使用下面两个类来实现底图的加载。在开发资源中找到地图API,可以查看到天地图提供的底图服务资源。要想使用天地图提供的地图资源，需要登陆。

天地图新增钓鱼岛高清航空影像及三维地形

weixin_33868027的博客

10-11

406

3sNews讯，10月11日消息，国内权威地图-天地图，日前发布“天地图新增钓鱼岛最新航空影像与三维地形”，附加的图片上显示航拍的时间为2012年10月1日。 天地图官方微博截图进入天地图(http://www.tianditu.com)网站地图界面，用户点击弹出的提示框就可以直接定位在钓鱼岛海域，查看此次更新的航空影像。同时，在三维模式下，还可以直接查看钓鱼岛、北小岛...

Cesium 加载天地图

weixin_34090562的博客

06-13

560

网上有很多就是没说加载天地图需要开发者秘钥，这个需要去天地图官网申请一个就可以了，下面贴上源码还有就是Cesium也是需要token的哈 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=...

【小沐学GIS】基于Cesium实现三维数字地球Earth（CesiumJS入门安装）

爱看书的小沐

06-04

5352

面向 Web 的 3D 地理空间可视化CesiumJS 是一个开源 JavaScript 库，用于创建具有最佳性能、精度、视觉质量和易用性的世界级 3D 地球仪和地图。从航空航天到智能城市再到无人机，各行各业的开发人员都使用 CesiumJS 创建交互式 Web 应用程序，以共享动态地理空间数据。CesiumJS 基于开放格式构建，旨在实现海量数据集的强大互操作性和扩展。从Cesium ion 或其他来源以 3D 图块和其他标准格式流式传输在高精度 WGS84 地球上进行可视化和分析。

cesium 天地图三维地名

02-07

### 集成天地图以显示三维地名为了在 Cesium 中集成天地图并显示三维地名，可以按照如下方法操作： #### 准备工作确保已经安装了必要的开发环境，并获取到 `node_modules\cesium-tdt\dist\cesiumTdt.js` 文件。此文件包含了加载天地图所需的 JavaScript 逻辑[^1]。 #### HTML页面配置通过 `<script>` 标签引入上述准备好的脚本文件至HTML文档中： ```html <script src="path/to/your/cesiumTdt.js"></script> ``` #### 初始化Cesium Viewer实例创建一个新的 Cesium viewer 实例时指定容器ID以及一些基本参数设置： ```javascript var viewer = new Cesium.Viewer('cesiumContainer', { terrainProvider : Cesium.createWorldTerrain(), }); ``` #### 添加天地图图层支持利用 cesiumTdt 提供的功能来增加对天地图的支持，特别是针对三维地名的服务： ```javascript // 创建 TDT 地图服务对象 const tdtService = new Cesium.Tdt({ key: 'Your_Tianditu_API_Key', }); // 向场景添加矢量数据作为底图 viewer.scene.primitives.add(new Cesium.Primitive({ geometryInstances: new Cesium.GeometryInstance({ geometry: new Cesium.RectangleGeometry({ rectangle: Cesium.Rectangle.fromDegrees( 73.0, // 西经 8.0, // 南纬 136.0,// 东经 54.0 // 北纬 ) }) }), appearance: new Cesium.MaterialAppearance({ material: Cesium.Material.fromType('Image'), faceForward: true, transparent: false, closed: true }), })); // 设置天地图的地名标注服务 viewer.entities.add({ position: Cesium.Cartesian3.fromDegrees(104.0, 30.0), label: { text: "成都", font: '14px sans-serif', fillColor: Cesium.Color.WHITE, outlineColor: Cesium.Color.BLACK, outlineWidth: 2, style: Cesium.LabelStyle.FILL_AND_OUTLINE } }); ``` 以上代码片段展示了如何向 Cesium 应用程序中加入来自天地图的数据源和服务接口调用来展示特定位置的文字标签[^2]。