当前位置: 首页 > news >正文

Cesium--加载天地图

背景:vue-admin-temlate  + cesium +天地图

天地图地址:国家地理信息公共服务平台 天地图

步骤一:申请成为天地图开发者,创建应用

1,天地图使用方法(点击开发资源即可看到此页面)

2,点击控制台-登录账号

最要为了获取key (后面使用是token)

步骤二:cesium加载天地图

#template<div id="cesiumContainer"></div>#scriptvar token = '你申请的key';// 服务域名var tdtUrl = 'https://t{s}.tianditu.gov.cn/';// 服务负载子域var subdomains=['0','1','2','3','4','5','6','7'];// cesium 初始化var viewer = new Cesium.Map('cesiumContainer', {shouldAnimate: true, //是否允许动画selectionIndicator: false,baseLayerPicker: false,fullscreenButton: false,geocoder: false,homeButton: false,infoBox: false,sceneModePicker: false,timeline: false,navigationHelpButton: false,navigationInstructionsInitiallyVisible: false,showRenderLoopErrors: false,shadows: false,});// 叠加影像服务var imgMap = new Cesium.UrlTemplateImageryProvider({url: tdtUrl + 'DataServer?T=img_w&x={x}&y={y}&l={z}&tk=' + token,subdomains: subdomains,tilingScheme : new Cesium.WebMercatorTilingScheme(),maximumLevel : 18});viewer.imageryLayers.addImageryProvider(imgMap); // 叠加国界服务var iboMap = new Cesium.UrlTemplateImageryProvider({url: tdtUrl + 'DataServer?T=ibo_w&x={x}&y={y}&l={z}&tk=' + token,subdomains: subdomains,tilingScheme : new Cesium.WebMercatorTilingScheme(),maximumLevel : 10});viewer.imageryLayers.addImageryProvider(iboMap);

就是如此的简单~~

http://www.lryc.cn/news/344334.html

相关文章:

  • 2024蓝桥杯CTF writeUP--packet
  • C++容器——deque
  • docker-compose安装es+kibana 8.12.2
  • websevere服务器从零搭建到上线(二)|Linux上的五种IO模型
  • STM32外设编程指南:GPIO、UART、SPI和I2C
  • git对远程和本地分支进行重命名
  • if 语句逻辑判断顺序
  • 第IV章-Ⅱ Vue3中的插槽使用
  • 【半个月我拿下了软考证】软件设计师高频考点--系统化教学-网络安全
  • E2PROM读写函数
  • MySql中什么是回表? 如何减少回表的次数
  • 【Linux】目录和文件相关的命令,补充:centos7系统目录结构
  • 【读点论文】SAM-LIGHTENING: A LIGHTWEIGHT SEGMENT ANYTHING MODEL,改进自注意力机制,然后知识蒸馏提点
  • PostgreSQL函数和运算符
  • 使用网络工具监控网络性能
  • Gradle基础笔记
  • QT+网络调试助手+TCP客户端
  • 数据库调优-SQL语句优化
  • h函数 render函数 JSX基本用法
  • 购物车操作
  • 华为手机 鸿蒙系统-android studio识别调试设备,开启adb调试权限
  • 计算机网络——Dijkstra路由算法
  • AI智能化逐渐趋于成熟后,预测今后最吃香的开发职业
  • Acwing2024蓝桥杯BFS
  • vue打包报错:CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
  • 计算机组成原理网课笔记
  • Python学习第四部分 函数式编程
  • 数据结构-二叉树-AVL树(平衡二叉树)
  • 【Qt问题】windeployqt如何提取Qt依赖库
  • VS2019下使用MFC完成科技项目管理系统