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。

相关推荐
程序员黑豆3 小时前
鸿蒙应用开发:V1与V2版本数据持久化实战教程
前端·harmonyos
小月土星7 小时前
React Router 前端路由深度解析:从传统后端路由到现代 SPA 的完整演进
前端
程序员黑豆7 小时前
鸿蒙开发 Navigation 路由教程:从入门到实战
前端·harmonyos
烬羽9 小时前
React Router v7 完全指南:一个 Demo 吃透前端路由
javascript·react.js·前端框架
烬羽9 小时前
从"整个页面刷新"到"丝滑切换":手写一个 HashRouter 彻底搞懂前端路由
javascript·前端框架·全栈
用户938515635079 小时前
从零理解 React Router v6:每一个 API 都是怎么工作的
前端·javascript·全栈
用户0595401744611 小时前
Redis缓存回滚踩坑实录:一个配置失误,让我在凌晨3点丢了3000条数据
前端·css
kyriewen12 小时前
别再这样写条件渲染了——你的React组件里藏着这5种定时炸弹
前端·javascript·react.js
IT_陈寒12 小时前
Redis缓存击穿把我坑惨了,原来这样设过期时间才靠谱
前端·人工智能·后端
用户9385156350713 小时前
从"坐电梯"到"前端路由"——深入理解 Hash 路由原理
前端·typescript·全栈