『Cesium基础』 BaseLayerPicker

最新推荐文章于 2024-04-13 13:57:23 发布
最新推荐文章于 2024-04-13 13:57:23 发布
阅读量1.9k 收藏 6
点赞数 2
分类专栏： GIS可视化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/seelingzheng/article/details/105458536
版权

关注公众号"seeling_GIS"，领取学习视频资料

baselayerpicker.png

  1. 除了使用baseLayerPicker中默认的地图数据源，我们可以使用cesium提供的ProviderViewModel接口自己扩展数据源。
  2. 使用自定义图层，需要在初始化viewer的时候，需要开启
    baseLayerPicker:true, //是否显示图层选择控件
  3. 添加自定义底图
    var providerViewModels = []; 
   let gaodev = new Cesium.UrlTemplateImageryProvider
了解本专栏 订阅专栏 解锁全文 超级会员免费看
seelingzheng
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
订阅专栏
【Cesium 基础】扩展baseLayerPicker
一路走一路学，总会不落后
03-22 453
相关示例 添加自定义baselayer var providerViewModels = []; let gaodev = new Cesium.UrlTemplateImageryProvider({ url: "http://webrd0{s}.is.autonavi.com/appmaptile?lang=zh_cn&size=...
Cesium 自定义BaseLayerPicker
一路走一路学，总会不落后
02-04 349
除了使用baseLayerPicker中默认的地图数据源，我们可以使用cesium提供的ProviderViewModel接口自己扩展数据源。使用自定义图层，需要在初始化viewer的时候，需要开启。
cesium4之BaseLayerPicker
MYNAMEL的博客
09-22 470
我总结的该功能：就是换地图数据源的。 参考资料： https://www.cnblogs.com/fuckgiser/p/5686238.html https://blog.csdn.net/weixin_45565771/article/details/105430494 https://blog.csdn.net/seelingzheng/article/details/105458536 原效果 腾讯影像效果图： 高德影像效果图： 高德矢量效果图： 注意：创建Viewer对象时 base
Cesium应用篇：3控件（2）BaseLayerPicker
weixin_34319111的博客
07-19 162
所有范例均在github中搜索：ExamplesforCesium BaseLayerPicker控件非常简单，似乎没什么可说的，确实非常的简单，但作为一个底图选择控件，可以说是最基本的一个控件。 Cesium的控件采用了knockout的MVVM框架，不要看我，我也不懂，总之会用就可以。Cesium提供的BasePicker好归好，但里面的很多Provider并不太实用，而一些符合中国国情的Pr...
Vue+Ts+Cesium：自定义初始控件和底图
最新发布
weixin_63499848的博客
04-13 700
紧接上文，上篇文章谈到Cesium学习中最基本的地球加载。最终实现的页面我们发现有很多视图控件，在我们日常的学习中这些控件往往排不上用场，或者大部分是用不着的。为了最初呈现的页面的美观性我们可以不显示这些控件。同时，我们也不一定要使用Cesium默认的底图，本文使用天地图提供的底图作为自定义底图示例。本篇内容并不难，更多是避免编写重复且繁杂的代码，学习Cesium一个简洁且有效的起步能让自己的心情舒畅不少。
12 Cesium—影像服务-BaseLayerPicker
初八
03-24 1337
文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配 BaseLayerPicker组件 在 Cesium 中图层操作是最基本的操作，那就需要学习一下 BaseLayerPicker 组件。这里主要介绍内置的 BaseLayerPicker 的使用和如何自定义实现 BaseLayerPicker。 内置的BaseLayerPicker 在初始化 Viewer 时，将 baseLayerPicker 设置为 true 即可显示 BaseLayerPicker 控...
BaseLayerPicker
胡萝卜先生的进阶之路
04-10 715
BaseLayerPicker 问题？ cesium授权可参考 相关控件说明 BaseLayerPicker中内置的Provider(数据源包括Esri，Bing，MapBox的数据服务)，在国内网络环境下访问存在一些限制。基于BaseLayerPicker自定一些国内常用的数据源（天地图、百度地图、高德地图等）就很有必要。 内置的地图服务部分需要获取Cesium.Ion授权，对于一些需要内网...
Cesium BaseLayerPickerViewModel
sinat_35954205的博客
10-20 1267
BaseLayerPickerViewModel new Cesium.BaseLayerPickerViewModel(选项) 部件/ BaseLayerPicker / BaseLayerPickerViewModel。 js 37 视图模型BaseLayerPicker。 名字 类型 描述
Cesium基础知识讲解.pdf
05-19
Cesium基础知识讲解 Cesium是基于WebGL技术的开源三维地球产品，使用JavaScript语言开发，方便用户快速搭建零插件跨平台跨浏览器的虚拟地球Web应用。本文档主要介绍Cesium的基础知识，包括开发环境搭建、Cesium基础...
cesium基础功能展示平台
11-01
【cesium基础功能展示平台】是一个基于Cesium的开源3D地球可视化平台，它整合了丰富的地图服务和地理信息系统功能，旨在提供一个直观且交互性强的地球数据展示环境。Cesium是一个JavaScript库，利用WebGL技术在...
Cesium基础案例手册目录
04-10
Cesium基础案例手册目录
CESIUM开发基础培训(cesiumlab提供)
05-31
【CESIUM开发基础培训】 CESIUM是一个开源的JavaScript三维虚拟地球/地图库，致力于成为动态数据可视化的领航者。它强调性能优化、精确度、视觉效果、易用性和跨平台支持。Cesium通过同行评审，拥有90%以上的单元...
Cesium开发基础
11-30
Ceisum开发基础，特别好的入门资料，里面有例子还有一些资料的链接。
Cesium应用篇：aseLayerPicker控件
jianshi2023的博客
03-20 126
比如BingMap的，OSM的，ArcGIS的，GoogleMaps的，这样在BaseLayerPicker的UI中，就会有多个Provider供用户选择，而交互则有BaseLayerPickerViewModel类负责，用户并不需要关心内部的实现。这时，我们创建一个数组，将该VM添加到数组，并作为参数传递给Viewer即可，非常的简单。如上一目了然，至少有四个属性，名字，缩略图的url，鼠标悬浮时的提示内容，当然还有绑定对应的ImageryProvider（我们之前的文章已经对其详细的介绍过）。
Cesium BaseLayerPicker加载逻辑分析
2301_79959413的博客
10-09 1752
随后这个数组会传入BaseLayerPickerViewModel的构造函数，在给selectedImagery属性赋值时用的是第一个元素，默认加载的是第一个ProviderViewModel对应的数据源。在BaseLayerPicker的界面上不同影像和地形的数据源选项顺序是定死了的。最后，遍历所有的ProviderViewModel，按照category属性分类，并返回所有数据源的属性给界面。那么如果想调整数据源的顺序（改变默认加载的数据源），或者新增自己的数据源，怎么办呢？
Cesium BaseLayerPicker
sinat_35954205的博客
10-20 1871
BaseLayerPicker new Cesium.BaseLayerPicker(container,options) 部件/ BaseLayerPicker / BaseLayerPicker。 js 108   BaseLayerPicker托板打开。 BaseLayerPicker是一个按钮可用的图像和小部件显示一个面板 地形提供者。
Cesium04-界面和默认控件
m0_56492004的博客
03-13 534
位置查找工具，输入地点，相机跳转并对准找到的结果。
cesium学习之路（四）添加腾讯在线地图
m0_63701303的博客
11-15 547
cesium 添加腾讯在线地图
cesium基础教程
08-26
Cesium是一个用于构建地球上可视化应用程序的开源JavaScript库。它使用WebGL技术来呈现3D场景，并提供了丰富的地理信息系统（GIS）功能。以下是一个基础教程，帮助您入门Cesium： 1. 安装Cesium：您可以从Cesium的官方网站（https://cesium.com/）下载Cesium的最新版本。您可以选择使用Cesium的开源版或商业版。 2. 创建HTML文件：创建一个新的HTML文件，命名为index.html，并将以下代码添加到文件中： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Cesium Basic Tutorial</title> <style> #cesiumContainer { width: 100%; height: 100%; margin: 0; padding: 0; } </style> </head> <body> <div id="cesiumContainer"></div> <script src="path/to/cesium/Cesium.js"></script> <script> // 在这里编写您的Cesium代码 </script> </body> </html> ``` 确保将`path/to/cesium/Cesium.js`替换为Cesium库文件的实际路径。 3. 创建一个简单的地图：在`<script>`标签中添加以下代码，以创建一个基本的地图场景： ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); ``` 4. 运行应用程序：将index.html文件保存，并在兼容的Web浏览器中打开它。您应该能够看到一个简单的Cesium地图场景。 这只是一个入门级的教程，Cesium提供了许多功能和API，可用于构建更复杂的地球可视化应用程序。您可以查阅Cesium的官方文档（https://cesium.com/docs/）和示例代码，以了解更多关于Cesium的信息和用法。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

seelingzheng

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值