cesium 加载高德影像图和标注

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><!-- 引入cesium库 --><script type="text/javascript" src="../cesium/Cesium-1.68/Build/Cesium/Cesium.js"></script><!-- 引入 cesium样式 --><link href="../cesium/Cesium-1.68/Build/Cesium/Widgets/widgets.css" rel="stylesheet"></script>
</head>
<body><div id="cesiumContainer" class="fullSize"></div><script>var viewer = new Cesium.Viewer('cesiumContainer',{ animation: false, //是否显示动画控件shouldAnimate : true,homeButton: false, //是否显示Home按钮fullscreenButton: false, //是否显示全屏按钮baseLayerPicker: false, //是否显示图层选择控件geocoder: false, //是否显示地名查找控件timeline: false, //是否显示时间线控件sceneModePicker: true, //是否显示投影方式控件navigationHelpButton: false, //是否显示帮助信息控件infoBox: false, //是否显示点击要素之后显示的信息requestRenderMode: true, //启用请求渲染模式scene3DOnly: false, //每个几何实例将只能以3D渲染以节省GPU内存sceneMode: 3, //初始场景模式 1 2D模式 2 2D循环模式 3 3D模式  Cesium.SceneModefullscreenElement: document.body, //全屏时渲染的HTML元素 暂时没发现用处//去除版权信息viewer._cesiumWidget._creditContainer.style.display = "none";// 加载高德/百度影像地图，UrlTemplateImageryProvider该接口是加载谷歌地图服务的接口imageryProvider : new Cesium.UrlTemplateImageryProvider({url: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",layer: "tdtVecBasicLayer",style: "default",format: "image/png",tileMatrixSetID: "GoogleMapsCompatible",show: false})});// 如果需要叠加高德/百度注记地图则添加以下代码viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({url: "http://webst02.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8",layer: "tdtAnnoLayer",style: "default",format: "image/jpeg",tileMatrixSetID: "GoogleMapsCompatible"}));
</script>
</body>
</html>

JavaScript+cesium 添加高德影像图和标注相关推荐

cesium添加高德影像图
文章目录 1.实现效果 2.实现方法 Cesium实战系列文章总目录: 传送门 1.实现效果 2.实现方法 // 添加高德影像图atLayer = new Cesium.UrlTemplateImag ...
Cesium 添加天地图三维地形
天地图三维地址地址列表地址三维地形服务 //t{s}.tianditu.gov.cn/mapservice/swdx?T=elv_c&tk={key} 三维地名服务 //t{s}.tia ...
Windows Store Javascript项目使用高德地图、谷歌地图、百度地图API
Windows Store Javascript项目使用高德地图.谷歌地图.百度地图API 原文 Windows Store Javascript项目使用高德地图.谷歌地图.百度地图API 在Win8 ...
高德地图的标志放大_高德地图点标注的分布与缩放
本文介绍了在 React Native 平板开发中使用高德地图组件的一个案例,重点介绍了如何计算并缩放到所需状态,以及地图 Webview 与 React Native 通信的方式. 欢迎关注我的专栏 ...
vue3实现高德地图多点标注（so easy）
vue3实现高德地图多点标注(so easy) 前言思路清晰,抽丝剥茧必要的准备工作最简单的部分处理数据之前(最关键的思路) 效果完整代码前言非常感谢你能打开这篇博客,我想你一定是遇到了 ...
Cesium 添加多个实体并让其运动
Cesium 添加多个实体并让其运动开发工具与关键技术:作者:熊琪撰写时间:2020年9月28日首先要搞明白怎么同时添加多个实体,并让其运动起来,有以下几个步骤: 1.把需要运动的轨迹经过的坐标点 ...
Cesium 融合高德Web API 线路规划与导航
<!--* @Author: 苹果园dog* @Date: 2020-11-13 14:48:40* @LastEditTime: 2020-11-18 10:26:31* @LastEdito ...
【javascript 动态添加数据到 HTML 页面】
今天简单的学习了一下有关对象字面量的定义和 javascript 如何取出对象字面量的值的知识,javascript 动态添加数据到 HTML 页面的问题. [学习目标]有如下的一组数据通过 Ajax ...
JavaScript原生添加移除class的方法
转载自 JavaScript原生添加移除class的方法 1.JavaScript原生移除class方法 window.onload = function () {var stamp = docum ...

JavaScript+cesium 添加高德影像图和标注

cesium 加载高德影像图和标注

JavaScript+cesium 添加高德影像图和标注相关推荐

最新文章

热门文章