mars3d的config,json文件配置谷歌影像地图的tilingScheme属性

mars3d的config,json文件配置tilingScheme属性说明:

1.cesium加载谷歌影像地图的时候需要配置tilingScheme参数,如以下代码:

var viewer = new Cesium.Viewer("cesiumContainer", {

animation: false, //是否显示动画控件

baseLayerPicker: true, //是否显示图层选择控件

geocoder: true,

timeline: false,

sceneModePicker: true,

navigationHelpButton: false,

infoBox: true,

});

var imageryProvider = new Cesium.UrlTemplateImageryProvider({

url: "http://172.16.1.98/map_world_4/{z}/{x}/{y}.jpg",

fileExtension: "jpg",

credit: "数据来源",

tilingScheme: new Cesium.GeographicTilingScheme({

ellipsoid: Cesium.Ellipsoid.WGS84,

}),

});

viewer.imageryLayers.addImageryProvider(imageryProvider);

2.Mars3d的config.json文件里面将 "crs"配置为 "EPSG:3857","EPSG:4326"加载离线地图的tms图片后都不正确。

解决方案:

复制代码
var imageryProvider = new Cesium.UrlTemplateImageryProvider({
    url: "http://172.16.1.98/map_world_4/{z}/{x}/{y}.jpg",
    fileExtension: "jpg",
    credit: "数据来源",
    tilingScheme: new Cesium.GeographicTilingScheme({
      ellipsoid: Cesium.Ellipsoid.WGS84,
    }),
});
viewer.imageryLayers.addImageryProvider(imageryProvider);

对应mars3d的写法

复制代码
var layer= new mars3d.layer.XyzLayer({
    url: "http://172.16.1.98/map_world_4/{z}/{x}/{y}.jpg", 
    tilingScheme: new Cesium.GeographicTilingScheme({
      ellipsoid: Cesium.Ellipsoid.WGS84,
    }),
});
map.addLayer(layer);

复制代码
var layer= new mars3d.layer.XyzLayer({
    url: "http://172.16.1.98/map_world_4/{z}/{x}/{y}.jpg", 
    crs:mars3d.CRS.EPSG4326
});
map.addLayer(layer);

另外补充说明:以下瓦片规则对象中,

复制代码
new mars3d.layer.XyzLayer({

如果是TMS规则地图,请加tms:true。

相关推荐
web小白成长日记2 小时前
企业级 Vue3 + Element Plus 主题定制架构:从“能用”到“好用”的进阶之路
前端·架构
APIshop2 小时前
Python 爬虫获取 item_get_web —— 淘宝商品 SKU、详情图、券后价全流程解析
前端·爬虫·python
风送雨2 小时前
FastMCP 2.0 服务端开发教学文档(下)
服务器·前端·网络·人工智能·python·ai
XTTX1102 小时前
Vue3+Cesium教程(36)--动态设置降雨效果
前端·javascript·vue.js
LYFlied3 小时前
WebGPU与浏览器边缘智能:开启去中心化AI新纪元
前端·人工智能·大模型·去中心化·区块链
Setsuna_F_Seiei3 小时前
2025 年度总结:人生重要阶段的一年
前端·程序员·年终总结
model20053 小时前
alibaba linux3 系统盘网站迁移数据盘
java·服务器·前端
han_4 小时前
从一道前端面试题,谈 JS 对象存储特点和运算符执行顺序
前端·javascript·面试
aPurpleBerry4 小时前
React 01 目录结构、tsx 语法
前端·react.js
jayaccc4 小时前
微前端架构实战全解析
前端·架构