Cesium加载自定义影像数据

一、创建服务器

1、上面的方法用的是Express框架自己写的服务器,现在发现安装http-server可以直接通过简单指令创建服务器,我们可以先全局安装

npm install http-server -g

2、然后通过以下指令创建监听4400端口的服务器,http-server可以简写成hs

http-server -p 端口号(4400)

二、加载数据

1、因为有些数据不能直接访问,会被墙,报跨域请求错误,我们添加谷歌中国地图

//加载谷歌中国卫星影像,谷歌地球商业版,需要翻墙,报跨域资源请求错误
 var url = "http://mt1.google.cn/vt/lyrs=s&hl=zh-CN&x={x}&y={y}&z={z}&s=Gali"; 
 var Google = new Cesium.UrlTemplateImageryProvider({url:url})

2、将数据图层变换控件关闭,并加载自己的数据

var viewer = new Cesium.Viewer('cesiumContainer',{
// 将图层选择的控件关掉,才能添加其他影像数据
baselLayerPicker:false,
imageryProvider:Google
});

3、

  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
要搭建离线地图,你可以使用Cesium开源库来实现。下面是一个简单的步骤指南: 1. 下载Cesium:首先,你需要下载Cesium库。你可以在Cesium官方网站(https://cesium.com/cesiumjs/)上找到最新版本的Cesium,并选择下载适合你的项目的版本。 2. 准备地图数据:接下来,你需要准备离线地图数据。这些数据可以是地形数据影像数据、矢量数据等。你可以从开源地图数据提供商(如OpenStreetMap、Natural Earth等)或商业地图数据提供商(如Mapbox、Google Maps等)获得这些数据。 3. 将地图数据转换为Cesium支持的格式:Cesium支持多种地图数据格式,如3D Tiles、Imagery Layers、Terrain Tiles等。根据你的地图数据类型,选择适当的格式并将地图数据转换为Cesium支持的格式。 4. 创建Cesium应用:使用Cesium库创建一个基本的Web应用程序。你可以使用HTML、JavaScript和CSS来构建应用程序界面,并通过引入Cesium库来集成离线地图数据。 5. 加载离线地图数据:在应用程序中加载并显示离线地图数据。根据你的数据类型,使用Cesium提供的相应API加载3D Tiles、Imagery Layers或Terrain Tiles,并将其显示在Cesium Viewer中。 6. 自定义地图样式和交互:根据你的需求,你可以自定义地图的样式、添加标记、绘制图形等。Cesium提供了丰富的API和工具来进行地图样式和交互的自定义。 7. 部署应用程序:最后,将你的应用程序部署到Web服务器上,以便其他人可以访问和使用离线地图。 以上是一个基本的搭建离线地图的步骤。具体实现可能会根据你的需求和地图数据类型有所不同。你可以参考Cesium官方文档和示例来获取更详细的指导和帮助。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值