cesium加载离线地形图和瓦片图

瓦片的离线数据找了好久，才找到这个宝藏下载器。
地形数据参考文章，地形数据地理，下载完成需要用cisuimlab进行切片转换。
https://blog.csdn.net/zhh763984017/article/details/114776917
瓦片数据https://gitee.com/CrimsonHu/java_map_download
https://www.123pan.com/s/2hd8Vv-MZ0GA提取码:KjGZ 瓦片图下载 600多兆

<template><div id="container" class="container"></div>
</template>
<script>// 我们主要关注的就是这个import的部分，只要引入了Cesium，其他都好说//import { Viewer, UrlTemplateImageryProvider, Cartesian3 } from '@/../node_modules/cesium/Source/Cesium.js';import * as Cesium from 'cesium'import { Viewer, UrlTemplateImageryProvider, Cartesian3 } from 'cesium'import 'cesium/Source/Widgets/widgets.css'export default {name: "earth",mounted() {//http://syzdev.cn/cesium-docs/example/vue-integration.html#vue2-cesium 资料//加载瓦片图const viewer = new Viewer("container", {imageryProvider: new Cesium.UrlTemplateImageryProvider({// 下面是我的瓦片地址部署在本地，可以根据自己实际修改url: 'api' + '/{z}/{x}/{y}.png',fileExtension: "png"}),geocoder: false,//隐藏查找位置homeButton:true,//是否显示回到初始位置baseLayerPicker: false,//图层选择navigationHelpButton: false,//帮助animation: false,//动画控制shouldAnimate: false,timeline: false,//时间轴creditsDisplay: false,// 注释时相当于使用默认地形，解开注释相当于使用全球地形// terrainProvider: Cesium.createWorldTerrain()});viewer._cesiumWidget._creditContainer.style.display = "none";//隐藏版本//加载地形图//const terrainProvider = new Cesium.ArcGISTiledElevationTerrainProvider({//    url: 'https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer',//})//viewer.terrainProvider = terrainProvider//初始位置viewer.camera.setView({destination: Cesium.Cartesian3.fromDegrees(116.435314, 39.960521, 15000.0), // 北京的坐标orientation: {heading: Cesium.Math.toRadians(20.0),pitch: Cesium.Math.toRadians(-90.0),roll: 0}})// 将视角修改为中国的上方Cesium.Camera.DEFAULT_VIEW_RECTANGLE = Cesium.Rectangle.fromDegrees(75.0, // 西经0.0, // 南纬140.0, // 东经60.0 // 北纬)//飞到哪里//viewer.camera.flyTo({//    destination: Cesium.Cartesian3.fromDegrees(116.435314, 39.960521, 15000.0), // 北京的坐标//    orientation: {//        heading: Cesium.Math.toRadians(20.0),//        pitch: Cesium.Math.toRadians(-90.0),//        roll: 0//    }//})//viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({//    url: 'http://localhost:8080' + '/tms/overlay/{z}/{x}/{y}.png',//    fileExtension: "png"//}));}}</script><style scoped>.container {width: 100%;height: 100vh;}
</style>

cesium加载离线地形图和瓦片图相关推荐

Cesium 加载离线的天地图影像瓦片
Cesium 加载离线的天地图影像瓦片一.下载天地图影像通过水经注软件下载天地图影像(也许有其他下载方式). 1.下载水经注软件链接:http://www.rivermap.cn/down ...
Cesium加载离线地图和离线地形
文章目录前言一.Cesium加载离线地图 1.1 下载数据 2.2 数据处理 2.3 地图发布 2.4下载速度改进二.Cesium加载离线地形 2.1 下载数据 2.2 数据处理 2.3 地形发 ...
Cesium 加载离线地图服务
Cesium 可以加载自定义的地图服务,一般在私有云上应用比较广. 原始地图数据有很多地方都可以下载.比如常用的下载工具,付费的有水经注.91助手等,还有国家空间地理服务的官网上也有可用的数据.假设你 ...
Cesium加载离线地图
Cesium加载离线地图一.下载地图并导出为tms格式二.安装nginx并配置静态文件服务路径一.下载地图并导出为tms格式利用地图下载器下载相关范围的地图,然后导出为tms格式的地图切片二 ...
Openlayers加载离线地图Arcgis瓦片
文章目录一.介绍二.快速入门一.下载地图瓦片二.OpenLayers加载离线Arcgis瓦片一.介绍 OpenLayers 是一个专为Web GIS 客户端开发提供的JavaScript 类 ...
cesium加载离线tms切片
1.软件环境:太乐地图下载器4.9破解版:Cesium-1.44 2.太乐地图下载器上下载切片,范围是-180,180,-90,90,导出选择瓦片:TMS,图片格式选择png 3.修改tile.xm ...
cesium加载动图方案三：通过apng-js库实现
1.项目场景实际开发中我们经常会有动图加载的需求,而Cesium不支持纹理贴动图,怎么样基于Cesium实现动图的加载,值得我们研究一波.cesium加载gif格式的动图有些场景能够满足我们的需求, ...
Cesium加载影像、谷歌影像、地形图
一.Cesium默认加载影像 <div id="cesiumContainer"></div> <script> var viewer = ne ...
arcgis xml 下载切片_vue/cli3整合Cesium，加载离线arcgis 切片
最開始使用webpack進行cesium 集成, 出现了问题一大堆,最后只好选择传统的方法直接引入了,具体操作如下一.安装cesium 首选创建一个测试项目 vue create vue-join- ...

cesium加载离线地形图和瓦片图

cesium加载离线地形图和瓦片图相关推荐

最新文章

热门文章