cesium在线、离线加载地图

一、 在线地图

链接: cesium加载各类地图(高德/天地图/Mapbox等)

二、离线地图

1、地图瓦片下载

91位图助手

2、cesium调用

  • cesium支持的坐标系有两个,分别是WGS64(EPSG:4326)和墨卡托(EPSG:3785),而瓦片服务有TMS和TW# cesium调用

  • cesium支持的坐标系有两个,分别是WGS64(EPSG:4326)和墨卡托(EPSG:3785),而瓦片服务有TMS和TWMS两种,需要注意的是,cesiums默认TWMS服务,默认的是Mercator坐标系切片,至于这两者的切片区别参考:

https://blog.csdn.net/weixin_43336525/article/details/134926608WMS

  • 在Cesium中,如果你使用的坐标系为EPSG:4326(即WGS84经纬度坐标系),而瓦片服务遵循TMS(Tile Map Service)规范,确实需要注意瓦片的行列坐标与Cesium默认的Web Mercator投影下的瓦片坐标不一致。TMS规范中,y坐标是从南向北递增的,而Web Mercator下是从北向南递增的,这通常会导致瓦片显示混乱。
    所以需要reverseY。所以本质上还是要探索坐标系(EPSG:4326、EPSG:3758)、瓦片服务(TMS、WMTS)这两者,就可以对其进行修改。
const cesiumViewer = new Cesium.Viewer("cesiumContainer", {
    imageryProvider: new Cesium.UrlTemplateImageryProvider({
      url: "http://localhost:3000/3dmap/tiles/{z}/{x}/{reverseY}.jpg",
      fileExtension: "jpg",
    }), //加载本地地图瓦片
    geocoder: false, // 地理位置查询定位控件
    homeButton: false, // 默认相机位置控件
    sceneModePicker: false, // 二三维切换控件
    baseLayerPicker: false, // 底图切换控件
    navigationHelpButton: false, // 默认的相机控制提示控件
    animation: false, // 控制场景动画的播放速度控件
    timeline: false, // 时间滚动条控件
    fullscreenButton: false, // 全屏控件
    vrButton: false,
    //关闭点选出现的提示框
    selectionIndicator: false,
    infoBox: false,
  });
  • 9
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值